値
記入例
<input 種類
名前
送信内容
幅
最大文字数
コメント
入力補完
/ 画像
>
<INPUT>タグはテキスト入力欄や実行ボタン等、 フォーム(<FORM>~</FORM>)を構成する部品を作成するタグです。 type属性の値により、一行テキストボックス・チェックボックス・ラジオボタン・実行ボタン・リセットボタン等の部品となります。
各入力フィールドにデータが入力され、 <FORM>でデータが送信される際には、 <INPUT>タグのname属性で付けたデータ名とその値を一組にして、 <FORM>タグのaction属性で指定したサーバー上のファイルに、 <FORM>タグのmethod属性で指定した転送方法で送られます。
■属性
type="text"
1行テキストボックスをつくります。通常のテキストを入力するフィールドです。2行以上にわたる長い文章を入力させたい場合には、<TEXTAREA>~</TEXTAREA>を使用します。
type="password"
パスワード入力ボックスをつくります。入力したテキストがアスタリスク(*)などに置き換えて表示されます。ただし、データが暗号化されるわけではないので、送信されたデータを受け取ることができれば内容を見ることができます。利用の際には注意してください。
type="checkbox"
チェックボックスをつくります。チェックボックスは複数選択が可能です。checked属性を指定すると、その項目についてはあらかじめチェックの付いた状態となります。
type="radio"
ラジオボタンをつくります。複数の中から一つしか選択できない点がチェックボックスと異なります。複数を一つのグループとして認識させるには、name属性で同じ名前を付けてください。checked属性を指定すると、その項目についてはあらかじめチェックの付いた状態となります。
type="file"
サーバーへファイルを送信する際に、送信するファイルを選択します。ファイル名の入力フィールドと[参照]ボタンが表示されます。サーバー側にはファイルを受け取るための特別なCGI等が必要です。
type="hidden"
隠しデータをサーバーに送信する際に使用します。このタイプのデータは、画面上には表示されませんが、value属性で指定した値がサーバーへ送信されます。
type="submit"
送信ボタンをつくります。
type="reset"
リセットボタンをつくります。このボタンを押すと、それまでに入力した情報をキャンセルして初期状態に戻します。
type="button"
汎用ボタンをつくります。
type="image"
画像のボタンをつくります。使用する画像ファイルはsrc属性で指定してください。またalt属性が必須となります。
autocomplete属性
入力候補を提示して入力内容を自動補完します。(on・off・default)(初期値はdefault)