button

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 ボタン
読み方 ボタン

カテゴリー

フロー・コンテンツ
フレージング・コンテンツ
インタラクティブ・コンテンツ
リスト化/ラベル付可能/送信可能なフォーム関連要素

親にできる要素/カテゴリー

フレージング・コンテンツが期待される場所

子にできる要素/カテゴリー

フレージング・コンテンツ
ただしインタラクティブ・コンテンツを子孫に含まないこと

<button 属性="値">~</button>

属性 概要
autofocus 論理値 自動フォーカス
disabled 論理値 無効化
form 文字列 関連付けるフォームのID
formaction 文字列 ボタンごとのaction
formenctype 文字列 ボタンごとのenctype
formmethod 文字列 ボタンごとのmethod
formnovalidate 文字列 ボタンごとのnovalidate
formtarget 文字列 ボタンごとのtarget
name 文字列 フィールドの名前
type 文字列 ボタンのタイプ
value 文字列 送信する値

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 button要素は、ボタンを表します。button要素の中に入れたコンテンツが、ボタンとして表示されます。

 type属性の値によって、ボタンの動作が決まります。type属性には、以下の表の値を指定できます。type属性を指定しなかった場合、「type="submit"」と指定したことになります。


動作
submit 送信ボタン
reset リセットボタン
button ボタン(クリックしても何も起こらない)

 value属性は、ボタンがクリックされたときに送信する値を指定します。

 form属性は、input要素が属するフォームのIDを明示できます。

 formaction、formenctype、formmethod、formnovalidate、formtargetの各属性の意味は、「input type="submit"」のボタンと場合と同じです。また、disabled、autofocus属性の意味は、フォーム関係の他のコントロールと同じです。


サンプル

(body要素の内部のみ掲載)

<form action="server.php" method="post">
<p><label>お名前:<input type="text" name="name" required></label></p>
<p><button type="submit">お名前を<br>送信</button></p>
</form>

サンプル実行画像

Powered by Web Professional

目次