このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

input”要素~“type="button"

記事Sep.15th, 2020
Mar. 10th, 2023
汎用的なボタン
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

type="button"

送信可能な値 なし
妥当性のチェック 除外

type="button"”を指定したinput”要素は汎用的なボタンを表します。

type="button"”を指定したinput”要素はクリックしたときの既定の動作を持たず、スクリプトを実行するためのボタンとして使用することができます。

ボタンのラベルはvalue”属性で指定します。

type="button"を指定したbutton”要素と同じ機能を持ちます。

サンプルコード

<p><input type="button" value="クリックしてください" onclick="alert('Hvordan har du det?')"></p>

*送信すると入力内容が表示されます。

属性と値

属性
属性 説明 説明
必須属性
type="" 入力欄の種類 button 汎用的なボタン
value="" ボタンに表示されるラベル テキスト ボタンに表示されるラベル
任意属性
グローバル属性
disabled="" 入力欄を無効化 disabled 入力欄を無効化
form=""HTML5で追加 関連付けるフォーム ID名 関連づけるform”要素id”属性の値
name="" 入力欄の名前 文字列 入力欄の名前
popovertarget=""HTML Living Standardで定義 表示状態を切り替えるポップオーバー要素 ID名 表示状態を切り替えるポップオーバー要素のid”属性の値
popovertargetaction=""HTML Living Standardで定義 ポップオーバー要素の表示状態の切り替え方法 toggle ポップオーバー要素の表示状態を切り替える
show ポップオーバー要素を表示する
hide ポップオーバー要素を閉じる

仕様書

HTML 4 HTML 5 HTML 5.1 HTML 5.2 HTML Living Standard
button
定義あり

定義あり

定義あり

定義あり

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク