如果您要创建一个 li 每个输入/名称的元素，那么你必须创建它，使用 document.createElement ^[MDN] 。

If you want to create a li element for each input/name, then you have to create it, with document.createElement ^[MDN].

给列表ID：

<ol id="demo"></ol>

并获得引用：

var list = document.getElementById('demo');

在事件处理程序中，创建一个新的列表元素，输入值作为内容并附加到列表中 Node.appendChild ^[MDN] ：

In your event handler, create a new list element with the input value as content and append to the list with Node.appendChild ^[MDN]:

var firstname = document.getElementById('firstname').value;
var entry = document.createElement('li');
entry.appendChild(document.createTextNode(firstname));
list.appendChild(entry);

演示