位置：首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML <input>標(biāo)記 2.按鈕

提問人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-11

       表單填寫完數(shù)據(jù)之后，總是要送數(shù)據(jù)到指定的地方進(jìn)行處理，這時(shí)候就需要有相對(duì)應(yīng)的按鈕操作。在表單中常用的按鈕有四種，分別是提交按鈕、重置按鈕、普通按鈕和圖片按鈕。這四種按鈕都是由~inputb標(biāo)記生成的，只是各白有不同的type屬性值，參考表7-2。
       提交按鈕的type屬性值為submit，當(dāng)用戶單擊提交按鈕時(shí)，就會(huì)觸發(fā)提交數(shù)據(jù)的動(dòng)作，從而將表單中的所有數(shù)據(jù)都進(jìn)行提交到<form>標(biāo)記中屬性action規(guī)定的屬性值的地方，如果action沒有定義或者屬性值是空的，意味著數(shù)據(jù)將提交本頁面處理。可以通過修改該按鈕的value屬性修改按鈕上的文字。
       重置按鈕就是讓所有表單數(shù)據(jù)都還原到初始值，也就是剛打開網(wǎng)頁時(shí)的狀態(tài)，用戶后來做的修改都會(huì)被取消。同樣，重置按鈕的文本也可以修改該按鈕的value屬性來實(shí)現(xiàn)。
      普通按鈕就是能生成一個(gè)按鈕的形狀，但單擊按鈕不會(huì)有任何操作，需要配合javascript的相關(guān)代碼支持功能操作，即需要另外編程完善按鈕功能。同樣，普通按鈕上的文字也可以通過修改該按鈕的value屬性來實(shí)現(xiàn)。
      本例是創(chuàng)建提交按鈕、重置按鈕和普通按鈕，在圖7.3中可以看到網(wǎng)頁上的三個(gè)按鋁有不同的作用，一個(gè)提交數(shù)據(jù)，另外一個(gè)恢復(fù)初始狀態(tài)，還有一普通按鈕 button，單擊后會(huì)觸發(fā)onClick-"window.alert(請(qǐng)輸入用戶信息y"JavaScript代碼，會(huì)彈出一個(gè)窗口提示相關(guān)信息。

代碼如下：

<!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('請(qǐng)輸入用戶信息)">

    </form>

</body>

</html>

image.png

繼續(xù)查找其他問題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部