<INPUT>

<INPUT type=" 〜 ">

• <INPUT> は、フォームの入力部品を作成する。
• type属性によって、1行テキストボックス、チェックボックス、ラジオボタン、送信ボタン、リセットボタン、押しボタン、画像ボタンなど、形も使い方も違ういろいろな部品が作成できる。

• 他、フォームの部品には、<SELECT>、<TEXTAREA>　などがある。

• 単なる飾りとして使用する場合でも、<FORM>〜</FORM> の中におく必要がある。

タグの形式

• 開始タグ　：　必須　/　終了タグ　：　なし

type=" 〜 "

• 入力フィールドの種類を指定。　　▼　詳細
• text（デフォルト）　/　password　/　file　/　checkbox　/　radio　/　submit　/　reset　/　hidden　/　button　/　image

name="名前"

• 名前を指定。同じ名前をつけることによってグループ化できる。

value=" 〜 "

• 初期値を指定。
• type="checkbox" 、 type="radio" のとき以外は省略可。

size="数字"

• 入力フィールドの大きさ（幅）を指定する。
• 数値1が半角英数字1文字に相当する。ブラウザによって表示される大きさは少し異なる。

maxlength="数字"

• 入力できる最大文字数を指定する。
• type="text" 、 type="password" のときのみ効果がある。

checked

• あらかじめチェックのついた状態にする。
• type="checkbox"、type="radio" のときのみ効果がある。

src="画像ファイルのURL"

• 表示画像を指定。
• type="image" のときのみ効果がある。

accesskey="英数字"

• ショートカットキーを指定。

tabindex="数字"

• Tabキーを押した際のフォーカス移動順を指定。

accept="MIMEタイプ"

• 送信するデータのMIMEタイプの候補リストを　, で区切って指定。
• type="file" のときのみ効果がある。

readonly

• 入力できないように指定。（フォーカスはあう）

disabled

• 無効。入力を受け付けない。フォーカスをあわせることもできない。
• 文字は灰色表示。

• class="クラス"
• style="スタイルシート"
• dir="文字の表記方向"
• id="ID"
• lang="言語コード"
• title="タイトル"

HTMLソース

<FORM action="cgi-bin/xxx.mail.cgi" method="post">

名前：<INPUT type="text" name="namae" size="30">　　

<INPUT type="radio" name="sex" value="male">男
<INPUT type="radio" name="sex" value="female">女<BR><BR>
パスワード：<INPUT type="password" name="pass" size="8" maxlength="8"><BR><BR>

興味のあること：
<INPUT type="checkbox" name="kyoumi" value="パソコン" checked>パソコン
<INPUT type="checkbox" name="kyoumi" value="スポーツ">スポーツ
<INPUT type="checkbox" name="kyoumi" value="料理">料理
<INPUT type="checkbox" name="kyoumi" value="絵画">絵画<BR><BR>

転送ファイル：<INPUT type="file" name="tensou" size="50"><BR><BR>

<INPUT type="submit" value="送信"><INPUT type="reset" value="やめる？">

</FORM>