フォームの部品 【<input>】

ブラウザで表示した時の見え方

性別

感想
良い 普通 悪い

ソースサンプル

<form method ="post" action="./form/formmail.cgi">
<p>性別<br>
<input type="radio" name="sex" value="male" checked>
<input type="radio" name="sex" value="female"></p>
<p>感想<br>
<input type="checkbox" name="favorite" value="good">良い
<input type="checkbox" name="favorite" value="normal">普通
<input type="checkbox" name="favorite" value="bad">悪い</p>
<input type="submit" value="送信">
<input type="reset" value="リセット">
</form>

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]

解説

オプション
typetext1行のテキスト入力フィールド<input type="text">
 passwordパスワード用のテキストボックス(伏字になる)<input type="password">
 checkboxチェックボックス<input type="checkbox">
 radioラジオボタン<input type="radio">
 submit送信ボタン<input type="submit">
 resetリセットボタン<input type="reset">
 hidden画面に表示させずにサーバーへデータを送る<input type="hidden">
name名前部品の名前を指定する<input type="radio" name="name">
value文字列初期値またはボタンに表示する文字列を指定する<input type="text" value="趣味">
sizeピクセル数または文字数部品の横幅を指定する<input type="text" size="20">
maxlength文字数テキストボックスなどの部品の最大入力可能文字数を指定する<input type="text" maxlength="8">
checkedなしチェックボックスやラジオボタンの初期値をチェック状態にする<input type="radio" checked>
srcファイル名ボタンとして使う画像を指定する<input type="image" src="button.gif">
accesskeyキー指定した部品が選択状態になるショートカットキーを指定する<input accesskey="z">
属性名機能

オプション2
typebutton汎用ボタン<input type="button">
 image画像ボタンをクリックすると座標が送信される<input type="image">
 fileファイルを送信する<input type="file">
disabledなし選択や変更ができないようにする<input name="税率" disabled>
readonlyなし変更できないようにする<input type="text" value="アルバイト" readonly>
acceptMIMEタイプサーバーが処理できるMIMEタイプを指定する<input accept="image/jpeg">
tabindex数値Tabキーで移動する順番を指定する<input tabindex="1">
altテキスト画像の代替テキストを設定する<input type="image" alt="マップ">
usemapurl画像にクライアント側のイメージマップを指定する<input usemap="#map">
ismapなし画像にサーバ側のイメージマップを指定する<input type="image" ismap>
aligntop,middle,bottom,left,right上揃え、中央揃え、下揃え、画像を左、画像を右に表示<input align="top">
属性名機能