ホーム

button

ボタン要素。

機能

button 要素は、ユーザーがクリックすることでアクションを実行するためのボタンを作成します。ボタンは、フォームの送信、リセット、または JavaScript を使用したカスタムアクションのトリガーとして使用できます。

よく設定する属性(attribute)と値

type:

ボタンの種類を指定します。代表的な値は以下の通りです。

  • submit: フォームを送信します。例: type=“submit”

  • reset: フォームをリセットします。例: type=“reset”

  • button: カスタムアクションを実行します。例: type=“button”

name:

ボタンの名前を指定します。フォームデータとして送信されます。
例: name=“myButton”

value:

ボタンの値を指定します。フォームデータとして送信されます。
例: value=“buttonValue”

disabled: ボタンを無効にします。

例: disabled

form: ボタンが属するフォームの ID を指定します。

例: form=“myForm”

使い方

フォームを送信するボタンを作成しています。

<form action="/submit-form" method="post">
  <button type="submit">送信</button>
</form>