溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“html如何寫按鈕”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“html如何寫按鈕”吧!
html按鈕的寫法：1、使用input標簽，語法為“<input type="button" value="按鈕文字"/>”；2、使用button標簽，語法為“<button>按鈕文字</button>”。
本教程操作環境：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如何寫按鈕”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
