Sep.15th, 2020
＃
“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="" |
関連付けるフォーム | ID名 | 関連づける“form”要素の“id”属性の値 |
| name="" | 入力欄の名前 | 文字列 | 入力欄の名前 |
popovertarget="" |
表示状態を切り替えるポップオーバー要素 | ID名 | 表示状態を切り替えるポップオーバー要素の“id”属性の値 |
| popovertargetaction="" |
ポップオーバー要素の表示状態の切り替え方法 | toggle | ポップオーバー要素の表示状態を切り替える |
| show | ポップオーバー要素を表示する | ||
| hide | ポップオーバー要素を閉じる | ||
＃
