HTML勉強メモ

HTMLやJavaScriptなどのことについて書いています。

<input>タグについて

<input>タグについて

<input>タグ

テキスト入力欄や実行ボタン等を作成するタグ。

<form>でデータが送信される際、<form>タグのaction属性で指定した

サーバー上のファイルに<form>タグのmethod属性で指定した転送方法で送信。

<input>タグのname属性で付けたデータとその値を一組にして送信。

 

・type="text"

1行テキストボックスを作成

・type="password"

パスワード入力ボックスを作成

・type="checkbox"

チェックボックスを作成

・type="radio"

ラジオボタンを作成

・type="hidden"

隠しデータをサーバーに送信する際に使用。画面上には表示されない。

・type="file"

サーバーへファイルを送信する際、送信するファイルを選択

・type="submit"

送信ボタンを作成

・type="reset"

リセットボタンを作成

・type="button"

汎用ボタンを作成

・type="image"

画像のボタンを作成

 

<input>タグの使用例

(使用例)

チェックボックスにチェックをつけた情報を送信する場合

ーーーーーーーーーーーーーーーーーーー

<form action="送信先" method="post">

<table>

<tr>

<td align="center">好きな食べ物</td>

<td>

<input type="checkbox" name="tabemono" value="おにぎり">おにぎり

<input type="checkbox" name="tabemono" value="パン">パン

<input type="checkbox" name="tabemono" value="ラーメン">ラーメン

</td>

</tr>

<tr>

<td></td>

<td>

<input type=submit value="送信">

<input type=reset value="取消">

</td>

</tr>

</table>

</form>

ーーーーーーーーーーーーーーーーーーー