「HTML/フォーム」の版間の差分
削除された内容 追加された内容
編集の要約なし |
Marine-Blue (トーク | 投稿記録) →部品の種類: とりあえずいくつか記述してみる |
||
17 行
各部品は、inputタグの、type属性に指定した内容によって作成することができる。
=== 送信ボタン ===
<input type="submit" value="ボタンテキスト">
<button type="submit" value="送信値">ボタンテキストまたは画像</button>
<input type="image" src="画像のファイルパス" alt="代替テキスト">
from要素内で指定された内容を送信するボタン。クリックすると情報を送信し、form要素に指定されたaction属性の内容に基づいてページ遷移を行う。
input要素のtype属性にsubmitを指定した場合valueを指定しなくてもブラウザデフォルトの文字列が表示されるが、文字列はブラウザの種類や言語環境によって異なる。input要素のtype属性にimageを指定した場合やbutton要素の間にimg要素を持ってくる場合は、画像が表示できないときのために代替テキストを必ず指定しなければならない。
=== リセットボタン ===
<input type="reset" value="ボタンテキスト">
<button type="reset">ボタンテキスト</button>
form要素内の値をリセットし初期状態へと戻す。input要素で作ったリセットボタンはデフォルトであればブラウザが自動的に文字列を指定するが、その値はブラウザの種類や言語環境によって異なる。
=== 汎用ボタン ===
<input type="button" value="ボタンテキスト">
<button type="button">ボタンテキスト</button>
単体では何も起こらないボタン。送信もリセットも行わない。JavaScriptのonclick属性などと組み合わせて利用するのが一般的である。
=== ファイル選択 ===
<input type="file" name="名前">
ローカルファイルを選択するフォームを表示する。フォームのデザインやボタンテキストなどはOSやブラウザに依存。
=== テキストボックス ===
| |||