溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了HTML按鈕代碼如何寫的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇HTML按鈕代碼如何寫文章都會有所收獲，下面我們一起來看看吧。
<button> 標簽定義一個按鈕，在它內部您可以放置文本或圖像等內容，這是該元素與使用 <input> 元素創建的按鈕之間的不同之處。
tips：請始終為 <button> 元素規定 type 屬性。不同的瀏覽器對<button> 元素的 type 屬性使用不同的默認值。
代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>button - 億速云(yisu.com)</title>
</head>
<body>
<button type="button" onclick="alert('Hello world!')">Click Me!</button>
</body>
</html>| 屬性 | 值 | 描述 |
|---|---|---|
| autofocus | autofocus | 規定當頁面加載時按鈕應當自動地獲得焦點。 |
| disabled | disabled | 規定應該禁用該按鈕。 |
| form | form_id | 規定按鈕屬于一個或多個表單。 |
| formaction | URL | 規定當提交表單時向何處發送表單數據。覆蓋 form 元素的 action 屬性。該屬性與 type="submit" 配合使用。 |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | 規定在向服務器發送表單數據之前如何對其進行編碼。覆蓋 form 元素的 enctype 屬性。該屬性與 type="submit" 配合使用。 |
| formmethod | get post | 規定用于發送表單數據的 HTTP 方法。覆蓋 form 元素的 method 屬性。該屬性與 type="submit" 配合使用。 |
| formnovalidate | formnovalidate | 如果使用該屬性，則提交表單時不進行驗證。覆蓋 form 元素的 novalidate 屬性。該屬性與 type="submit" 配合使用。 |
| formtarget | _blank _self _parent _top framename | 規定在何處打開 action URL。覆蓋 form 元素的 target 屬性。該屬性與 type="submit" 配合使用。 |
| name | name | 規定按鈕的名稱。 |
| type | button reset submit | 規定按鈕的類型。 |
| value | text | 規定按鈕的初始值。可由腳本進行修改。 |
<input> 標簽用于創建交互式控件，這類控件是基于 web 表單的，它可以接收用戶的數據、信息。
主要代碼：
<input type="submit" value="提交">
<input type="reset" value="重置">表單代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>button - 億速云(yisu.com)</title>
</head>
<body>
<form action="example.htm" method="post">
姓名: <input type="text" name="FirstName" value="張三豐"><br>
電話: <input type="text" name="LastName" value="123456"><br>
<br>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
</body>
</html>關于“HTML按鈕代碼如何寫”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“HTML按鈕代碼如何寫”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
