如何清空input框中的输入内容

Question

前端小白.
做了一个 todo 的 demo 
存原生,没用任何框架.
点击完 add 之后, input 框中的内容会插入到页面,我想把它里面的内容清空,每次输入的都是新的内容,不要上次残留的.不知道怎么解决

document.getElementById('input按钮的Id').value = "" 之后, 输入框的值是清空了. 但是页面上依然有残留的值.现在就先把页面上显示的值清空.

就是我点击 add 之后, input 框中的111 要清空,等我下次重新输入.望大神们解答下.

Answer 1

emmm, 都不知道你用的什么框架不好回答

Answer 2

add 成功后 $("#id").val("");

Answer 3

如果是用jquery的话，可以用 $("#yourFormID")[0].reset();

Answer 4

document.getElementById('add按钮的Id').onclick = function () {  //to do something  这写你的逻辑 之后清空input  document.getElementById('input按钮的Id').value = "";}