html怎么写按钮
本教程操作環境:windows7系統、HTML5版、Dell G3電腦。
html按鈕的寫法:
1、使用input標簽
<input type="button" value="保存"/>
登錄后復制
<input>標簽用于搜集用戶信息。
根據不同的type屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段、復選框、掩碼后的文本控件、單選按鈕、按鈕等等。
一個簡單的HTML表單,包含兩個文本輸入框和一個提交按鈕:
<!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>
登錄后復制
輸出結果:
2、使用button標簽
<button>保存</button>
登錄后復制
<button>標簽定義一個按鈕。在button元素內部,您可以放置內容,比如文本或圖像。這是該元素與使用input元素創建的按鈕之間的不同之處。
<button>控件與<input type="button">相比,提供了更為強大的功能和更豐富的內容。<button>與</button>標簽之間的所有內容都是按鈕的內容,其中包括任何可接受的正文內容,比如文本或多媒體內容。例如,我們可以在按鈕中包括一個圖像和相關的文本,用它們在按鈕中創建一個吸引人的標記圖像。
如果在 HTML 表單中使用button元素,不同的瀏覽器會提交不同的按鈕值。請使用input元素在HTML表單中創建按鈕。
唯一禁止使用的元素是圖像映射,因為它對鼠標和鍵盤敏感的動作會干擾表單按鈕的行為。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>button</title>
</head>
<body>
<button type="button">Click Me!</button>
</body>
</html>
登錄后復制
輸出結果:
更多編程相關知識,請訪問:編程視頻!!
以上就是html怎么寫按鈕的詳細內容,更多請關注風君子博客其它相關文章!
總結
- 上一篇: 获取执行计划EXPLAN PLAN(My
- 下一篇: sublime text3怎么快速查找和