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

表單中的提交按鈕submit

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

移動(dòng)端

【實(shí)例介紹】

表單中的提交按鈕submit

提交按鈕是一種特殊的按鈕,單擊該類(lèi)按鈕可以實(shí)現(xiàn)表單內(nèi)容的提交。

【基本語(yǔ)法】

<input  type="submit"  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>用戶(hù)名                          :            <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="提交">       </p>     </form></td>   </tr> </table> </body> </html>

【代碼分析】

在代碼中,加粗的<input type="submit"name="button"value="提交">標(biāo)記將按鈕的名稱(chēng)設(shè)置為button,取值設(shè)置為“提交”,在瀏覽器中瀏覽效果,如圖所示。

提交按鈕submit運(yùn)行效果

 【素材及源碼下載】

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

 

標(biāo)簽: 表單  提交按鈕