HTML <button>タイプ属性
例
1つの送信ボタンと1つのリセットボタン(フォーム内)として機能する2つのボタン要素:
<form action="/action_page.php" method="get">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Reset">Reset</button>
</form>
定義と使用法
type
属性はボタンのタイプを指定します。
ヒント:
<button>
要素のtype属性は常に指定してください。ブラウザが異なれば、
<button>
要素に異なるデフォルトタイプを使用する場合があります。
ブラウザのサポート
Attribute | |||||
---|---|---|---|---|---|
type | Yes | Yes | Yes | Yes | Yes |
構文
<button type="button|submit|reset">
属性値
Value | Description |
---|---|
button | The button is a clickable button |
submit | The button is a submit button (submits form-data) |
reset | The button is a reset button (resets the form-data to its initial values) |
❮HTML<button>タグ