七鍵@楽天

タグ辞書【INPUT】


◆ INPUT
表示可能ブラウザ: [IE4][IE5][IE6][NN4][NN6][OP7]
解説
テキスト入力欄や実行ボタン等、フォームを構成する部品を作成するタグ
type属性の値により、一行テキストボックス・チェックボックス・ラジオボタン
実行ボタン・リセットボタン等の10種類の異なる部品となる

属性

value:
text : 1行のテキストフィールド
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="1年生">1年生
      <input type="radio" name="gakunen" value="2年生">2年生
      <input type="radio" name="gakunen" value="3年生">3年生
      <input type="radio" name="gakunen" value="4年生">4年生
      <input type="radio" name="gakunen" value="5年生">5年生
      <input type="radio" name="gakunen" value="6年生">6年生
    </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>
表示
楽天非対応のため省略









© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: