刷新時(shí)清空所有文本框

2012/10/19 11:30:51作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

刷新時(shí)清空所有文本框

【實(shí)例描述】

用戶刷新頁(yè)面時(shí)需要清空頁(yè)面中已經(jīng)填寫(xiě)的內(nèi)容，此叫可以使用本例提供的方法，實(shí)現(xiàn)所有文本框的清空。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)</title>
</head>
<body onload="document.forms[0].reset()">
<form name="form1">
<input type=text name="txt1" value="第一個(gè)測(cè)試!">
<input type=text name="txt2" value="第二個(gè)測(cè)試!">
<input type=text name="txt3" value="第三個(gè)測(cè)試">
</form>
</body>
</html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是對(duì)“reset”方法的使用。HTML提供了一個(gè)“input”類型的控件一“reset”，用來(lái)清空頁(yè)面文本框中的數(shù)據(jù)。本例內(nèi)部工作原理就是調(diào)用的“reset”方法，此方法可以使頁(yè)面中的所有文本框（還原為初始狀態(tài)）。如果文本框初始情況下是有值的，則無(wú)法實(shí)現(xiàn)清空。

【源碼下載】

本實(shí)例JS代碼下載

標(biāo)簽： JS代碼文本框

相關(guān)文章