如何用js代码清空表单数据？

JavaScript023

如何用js代码清空表单数据？,第1张

用js把文本框清空只需要在input定义中加入clientidmode="Static"，即将<inputtype="text" id="region" runat="server"readonly="readonly" style="border:0pxfont-weight:bold"/>改为<input type="text"id="region" runat="server" clientidmode="Static" readonly="readonly"style="border:0pxfont-weight:bold"/>，这样脚本生成的id为region。

再利用JS清空值，document.getElementById("region").value=""

1、新建一个html页面，命名为test.html。

2、在test.html页面内，使用p标签创建三行文字。

3、在p标签的下面，创建一个button按钮，按钮名称为“清除网页内容”。

4、给button按钮绑定onclick点击事件，当按钮被点击时，执行delAll()函数。

5、在test.html页面内，使用function创建delAll函数。

6、在delAll函数内，获得当前页面body对象，使用innerHTML属性赋值为空的方法清除网页内容。

7、在浏览器中打开test.html页面，点击“清除网页内容”按钮，网页显示空白，内容被清除。

<html>

<head>

<script type="text/javascript">

function clearinput()

{

var sss = document.getElementById("sss") 

 for(i=0i<sss.getElementsByTagName("input").lengthi++){  

          sss.getElementsByTagName("input")[i].value=""  

    } 

}

</script>

</head>

<body>

<div id="sss">

<input type="text" >

<input type="text" >

<input type="text" >

<input type="text" >

</div>

<input type="button" value="清空" onclick="clearinput()">

</body>

</html>