HTML <input>標記 2.按鈕
表單填寫完數(shù)據(jù)之后，總是要送數(shù)據(jù)到指定的地方進行處理，這時候就需要有相對應的按鈕操作。在表單中常用的按鈕有四種，分別是提交按鈕、重置按鈕、普通按鈕和圖片按鈕。這四種按鈕都是由~inputb標記生成的，只是各白有不同的type屬性值，參考表7-2。
提交按鈕的type屬性值為submit，當用戶單擊提交按鈕時，就會觸發(fā)提交數(shù)據(jù)的動作，從而將表單中的所有數(shù)據(jù)都進行提交到<form>標記中屬性action規(guī)定的屬性值的地方，如果action沒有定義或者屬性值是空的，意味著數(shù)據(jù)將提交本頁面處理?？梢酝ㄟ^修改該按鈕的value屬性修改按鈕上的文字。
重置按鈕就是讓所有表單數(shù)據(jù)都還原到初始值，也就是剛打開網(wǎng)頁時的狀態(tài)，用戶后來做的修改都會被取消。同樣，重置按鈕的文本也可以修改該按鈕的value屬性來實現(xiàn)。
普通按鈕就是能生成一個按鈕的形狀，但單擊按鈕不會有任何操作，需要配合javascript的相關代碼支持功能操作，即需要另外編程完善按鈕功能。同樣，普通按鈕上的文字也可以通過修改該按鈕的value屬性來實現(xiàn)。
本例是創(chuàng)建提交按鈕、重置按鈕和普通按鈕，在圖7.3中可以看到網(wǎng)頁上的三個按鋁有不同的作用，一個提交數(shù)據(jù)，另外一個恢復初始狀態(tài)，還有一普通按鈕 button，單擊后會觸發(fā)onClick-"window.alert(請輸入用戶信息y"JavaScript代碼，會彈出一個窗口提示相關信息。
代碼如下：
<!DOCTYPE HTML>
<html>
<head>
<title>按鈕</title>
</head>
<body>
<form>
用戶名：<input type="text" name="uname" value="Mary"/>
<br/><br>
密碼：<input type="password" name="upass"
<br/><br/>
年齡：<input type="text"name="uage" size="3"maxlength="3"/＞
<br/><br/>
<input type="submit" value="提交按鈕">
<input type="reset" value="重置按鈕">
<input type="button" value="普通按鈕"onClick="window.alert('請輸入用戶信息)">
</form>
</body>
</html>
湘公網(wǎng)安備:43011102000856號 
點擊加載更多評論>>