【实例名称】
刷新时清空所有文本框
【实例描述】
用户刷新页面时需要清空页面中已经填写的内容,此叫可以使用本例提供的方法,实现所有文本框的清空。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> </head> <body onload="document.forms[0].reset()"> <form name="form1"> <input type=text name="txt1" value="第一个测试!"> <input type=text name="txt2" value="第二个测试!"> <input type=text name="txt3" value="第三个测试"> </form> </body> </html>
【运行效果】
【难点剖析】
本例的重点是对“reset”方法的使用。HTML提供了一个“input”类型的控件一“reset”,用来清空页面文本框中的数据。本例内部工作原理就是调用的“reset”方法,此方法可以使页面中的所有文本框(还原为初始状态)。如果文本框初始情况下是有值的,则无法实现清空。
【源码下载】
本实例JS代码下载
……