七鍵＠楽天

タグ辞書【INPUT】

◇ 解説

テキスト入力欄や実行ボタン等、フォームを構成する部品を作成するタグ
type属性の値により、一行テキストボックス・チェックボックス・ラジオボタン
実行ボタン・リセットボタン等の10種類の異なる部品となる

◇ 属性

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"><b> 名前：</b></td>
    <td><input type="text" name="name" size="30" maxlength="20"></td>
  </tr>
  <tr>
    <td align="right"><b> パスワード：</b></td>
    <td><input type="password" name="pass" size="6" maxlength="4"></td>
  </tr>
  <tr>
    <td align="right"><b>学年：</b></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"><b>好きな課目：</b></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"><b>宿題ファイル：</b></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>

◇ 表示

楽天非対応のため省略