HTML <button>タイプ属性

❮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>タグ