資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會科學
時尚研究
法律研究HTML
<button> 元素的 type 屬性用於設定按鈕的型別。以下是語法 -
<button type="button|submit|reset">
上面，我們展示了為按鈕元素設定的不同型別，即：submit -
- button：一個可點選按鈕
- submit：提交按鈕（提交表單資料）
- reset：它是一個重置按鈕，可以將其重置為初始值。
現在我們看一個示例，在 HTML 中實現按鈕元素的 type 屬性 -
示例
<!DOCTYPE html> <html> <body> <h2>Investor Information</h2> <p>Give the information about the investor interested in funding:</p> <form action="" method="get"> ID: <input type="number"><br> Investor: <input type="text"><br> Funds: <input type="number"><br> Email: <input type="email"><br> DOB: <input type="date"><br><br> <button type="submit" value="Submit">Submit</button> <button type="reset" value="Reset">Reset</button> </form> </body> </html>
這將產生以下帶提交和重置按鈕的輸出 -
在上面的示例中，我們建立了一個帶有表單元素和按鈕的表單 -
<form action="" method="get"> ID: <input type="number"><br> Investor: <input type="text"><br> Funds: <input type="number"><br> Email: <input type="email"><br> DOB: <input type="date"><br><br> <button type="submit" value="Submit">Submit</button> <button type="reset" value="Reset">Reset</button> </form>
按鈕型別已設定為建立提交以及另一個按鈕，該按鈕用於重置 -
<button type="submit" value="Submit"> Submit </button> <button type="reset" value="Reset"> Reset </button>
更新於： 30-Jul-2019
115 瀏覽量
廣告