INPUT
解説
テキスト入力欄や実行ボタン等、フォームを構成する部品を作成する要素。type属性の値により、一行テキストボックス・チェックボックス・ラジオボタン・実行ボタン・リセットボタン等の10種類の異なる部品となる。
- 分類
- インライン要素
- 内容
- 無し
参照
- フォーム：
- <FORM>
属性
- value：
-
- text
- １行のテキストフィールド
- password
- パスワード用のテキストフィールド（テキスト表示はしない）
- checkbox
- チェックボックス
- radio
- ラジオボタン
- submit
- 送信ボタン
- reset
- リセットボタン
- file
- ファイル選択コントロール
- hidden
- 隠れコントロール（画面表示は無し）
- image
- イメージ付き送信ボタン
- button
- 通常のボタン（Value属性値を表示）
使用例
ソース
<form action="cgi-bin/dummy.cgi" method="post">
<table border="0">
<tr>
<td align="right"> 名前：</td>
<td><input type="text" name="name" size="30" maxlength="20"></td>
</tr>
<tr>
<td align="right"> パスワード：</td>
<td><input type="password" name="pass" size="6" maxlength="4"></td>
</tr>
<tr>
<td align="right">学年：</td>
<td>
<input type="radio" name="gakunen" value="１年生">１年生
<input type="radio" name="gakunen" value="２年生">２年生
<input type="radio" name="gakunen" value="３年生">３年生
<input type="radio" name="gakunen" value="４年生">４年生
<input type="radio" name="gakunen" value="５年生">５年生
<input type="radio" name="gakunen" value="６年生">６年生
</td>
</tr>
<tr>
<td align="right">好きな課目：</td>
<td>
<input type="checkbox" name="kamoku" value="国語">国語
<input type="checkbox" name="kamoku" value="英語">英語
<input type="checkbox" name="kamoku" value="算数">算数
<input type="checkbox" name="kamoku" value="理科">理科
<input type="checkbox" name="kamoku" value="社会">社会
<input type="checkbox" name="kamoku" value="体育">体育
</td>
</tr>
<tr>
<td align="right">宿題ファイル：</td>
<td><input type="file" name="syukudai"></td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="送信">
<input type="reset" value="リセット">
</td>
</tr>
</table>
</form>
