站長(zhǎng)資訊網(wǎng)
html按鈕的寫法：1、使用input標(biāo)簽，語(yǔ)法為“<input type="button" value="按鈕文字"/>”；2、使用button標(biāo)簽，語(yǔ)法為“<button>按鈕文字</button>”。
本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。
html按鈕的寫法：
1、使用input標(biāo)簽
<input type="button" value="保存"/>
<input>標(biāo)簽用于搜集用戶信息。
根據(jù)不同的type屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復(fù)選框、掩碼后的文本控件、單選按鈕、按鈕等等。
一個(gè)簡(jiǎn)單的HTML表單，包含兩個(gè)文本輸入框和一個(gè)提交按鈕：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>button</title> </head> <body> <form action="form_action.asp" method="get"> First name: <input type="text" name="fname" /> Last name: <input type="text" name="lname" /> <input type="submit" value="Submit" /> </form> </body> </html>
輸出結(jié)果：
2、使用button標(biāo)簽
<button>保存</button>
<button>標(biāo)簽定義一個(gè)按鈕。在button元素內(nèi)部，您可以放置內(nèi)容，比如文本或圖像。這是該元素與使用input元素創(chuàng)建的按鈕之間的不同之處。
<button>控件與<input type="button">相比，提供了更為強(qiáng)大的功能和更豐富的內(nèi)容。<button>與</button>標(biāo)簽之間的所有內(nèi)容都是按鈕的內(nèi)容，其中包括任何可接受的正文內(nèi)容，比如文本或多媒體內(nèi)容。例如，我們可以在按鈕中包括一個(gè)圖像和相關(guān)的文本，用它們?cè)诎粹o中創(chuàng)建一個(gè)吸引人的標(biāo)記圖像。
如果在 HTML 表單中使用button元素，不同的瀏覽器會(huì)提交不同的按鈕值。請(qǐng)使用input元素在HTML表單中創(chuàng)建按鈕。
唯一禁止使用的元素是圖像映射，因?yàn)樗鼘?duì)鼠標(biāo)和鍵盤敏感的動(dòng)作會(huì)干擾表單按鈕的行為。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>button</title> </head> <body> <button type="button">Click Me!</button> </body> </html>
輸出結(jié)果：
