當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > DIV+CSS > 表單中的重置按鈕reset

表單中的重置按鈕reset

2012/11/21 19:16:23作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

表單中的重置按鈕reset

重置按鈕可以清除用戶在頁(yè)面中輸入的信息,將其恢復(fù)成默認(rèn)的表單內(nèi)容。

【基本語(yǔ)法】

<input  type="reset"  name="按鈕的名稱(chēng)"  value="按鈕的取值"/>

【語(yǔ)法介紹】

在該語(yǔ)法中,value同樣用來(lái)設(shè)置顯示在按鈕上的文字。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>重置按鈕</title> </head> <body> <table width="100%" cellspacing="0" cellpadding="0">   <tr>     <td><form action="mailto:weixiaofoxw.com" name="form1" method="post" enctype="application/x-www-form-urlencoded"target="_blank" >       <p>用戶名                          :            <input name="textfield" type="text" size="20" maxlength="15" />       </p>       <p>密碼:                 <input name="textfield2" type="password" value="abcdef" size="25" maxlength="6" />       </p>       <p>性別 :         <input name="radiobutton" type="radio" value="radiobutton" checked="checked" /> 男 <input type="radio" name="radiobutton" value="radiobutton" /> 女 </p>       <p>         <input type="submit" name="button" value="提交">         <input type="reset" name="button2" value="重置">       </p>     </form></td>   </tr> </table> </body> </html>

【代碼分析】

在代碼中,加粗部分的<input type="reset"name="button2"value="重置">標(biāo)記將按鈕的類(lèi)型設(shè)置為reset,取值設(shè)置為“重置”,在瀏覽器中瀏覽效果,如圖所示。

重置按鈕reset運(yùn)行效果

 【素材及源碼下載】

請(qǐng)點(diǎn)擊:重置按鈕reset 下載本實(shí)例相關(guān)素材及源碼

 

標(biāo)簽: 表單  重置按鈕