javascript - 如何在html中显示表单中的元素

Question

我有这个:

     <form>
     Input name: <input type="text"/><br/>
     Input last name: <input type="text"/><br/>
     Your age: <input type="number"/><br/>
     Your points: <input type="number"/><br/>
     Overral: <input type="number"/><br/>
     <button type="submit">Submit</button><br>`

我想要做什么，所以，正如你可以的那样，我有按钮提交，我希望当我单击它时可以制作我的表单的编号列表。像这样的事情:

1. 标记
2. 威廉姆斯 ....

Answer 1

试试这个，它会将所有输入并附加到列表中

$(document).ready(function(){
$('button').click(function(e){
e.preventDefault();
$('#a').append('<ol><li>'+$("#name").val()+'</li><li>'+$("#last").val()+'</li><li>'+$("#age").val()+'</li><li>'+$("#points").val()+'</li><li>'+$("#over").val()+'</li></ol>')
})
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
     Input name: <input type="text" id="name"/><br/>
     Input last name: <input type="text" id="last"/><br/>
     Your age: <input type="number" id="age"/><br/>
     Your points: <input type="number" id="points"/><br/>
     Overral: <input type="number" id="over"/><br/>
     <button type="submit">Submit</button><br></form>
     <div id="a"></div>