表單中的普通按鈕button

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

移動(dòng)端

【實(shí)例介紹】

表單中的普通按鈕button

表單中的按鈕起著至關(guān)重要的作用，它可以激發(fā)提交表單的動(dòng)作；也可以在用戶需要修改表單的時(shí)候，將表單恢復(fù)到初始的狀態(tài)；還可以依照程序的需要，發(fā)揮其他的作用。普通按鈕三要是配合JaVascript腳本來(lái)進(jìn)行表單處理。

【基本語(yǔ)法】

【語(yǔ)法介紹】

在該語(yǔ)法中，value的取值就是顯示在按鈕上的文字，可以添加onclick等事件來(lái)實(shí)現(xiàn)一些特殊的功能。onclick事件是設(shè)置當(dāng)鼠標(biāo)按下按鈕時(shí)所進(jìn)行的處理。

【實(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:weixiao@foxw.com" name="form1" method="post" enctype="application/x-www-form-urlencoded"target="_blank" >單擊此按鈕可以關(guān)閉窗口。
<br />
<input type="submit" name="submit" value="關(guān)閉窗口" onclick="window.close()" />
    </form></td>
  </tr>
</table>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的<input type="submit" name="button" value="關(guān)閉窗口”onclick="window．close()”>標(biāo)記將按鈕的取值設(shè)置為“關(guān)閉窗口”，處理程序設(shè)置為window．close()，在瀏覽器中瀏覽效果，如圖所示。當(dāng)單擊“關(guān)閉窗口”按鈕時(shí)將彈出一個(gè)關(guān)閉窗口提示框。

普通按鈕button運(yùn)行效果