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