你的位置 > 网站首页 > 技术文章 > form表单重置,将input输入框内的值,还原成初始的value值2018版

form表单重置,将input输入框内的值,还原成初始的value值2018版

表单重置:将input输入框内的值,还原成初始的value值,且,只对input有效

方式一:

[html] view plain copy

<form id="form_id”>  

 <input type="text" id="name"/>  

 <input type="reset" value="这个是Form清除" />  

</form>  


方式二:

[html] view plain copy

<head>  

<script type="text/javascript">  

function formReset()  

{  

document.getElementById("myForm").reset()  

}  

</script>  

</head>  

  

<body>  

<p>在下面的文本框中输入一些文本,然后点击重置按钮就可以重置表单。</p>  

  

<form id="myForm">  

姓名:<input type="text" size="20" value="111"><br />  

年龄:<input type="text" size="20"><br />  

<br />  

<input type="button" onclick="formReset()" value="重置">  

</form>  

</body>  

  

</html>  


快速仿站

Hi, 欢迎加入NAZ.CN技术交流群,带你装逼带你飞!

我要入群