属性	値	機能	記述例
type	text password radio checkbox submit reset button image file hidden	一行テキスト領域パスワード用領域ラジオボタンチェックボックス送信ボタンリセットボタン汎用ボタン画像ボタンファイル選択隠し項目	<INPUT type="text"> <INPUT type="password"> <INPUT type="radio"> <INPUT type="checkbox"> <INPUT type="submit"> <INPUT type="reset"> <INPUT type="button"> <INPUT type="image"> <INPUT type="file"> <INPUT type="hidden">
name	名前	フィールド名	<INPUT name="myText">
value	文字列	送信する値	<INPUT value="送信">
size	数値	部品の横幅を指定	<INPUT size="10">
disabled	入力・選択不可能にする		<INPUT disabled>
checked	初期値をチェック状態にする		<INPUT checked>
tabindex	数値	タブで移動する順	<INPUT tabindex="2">
maxlength	文字数	最大入力文字数	<INPUT maxlength="10">
accept	MIMEタイプ	受け入れ可能なMIME	<INPUT accept="image/gif">
accesskey	キー	ショートカットキー	<INPUT accesskey="b">

以下はtype属性の値がimageの時のみ有効です。

属性	値	機能	記述例
src	画像	画像ファイル指定	<INPUT src="abc.gif">
align	top middle bottom left right	画像の上揃え画像の中央揃え画像の下揃え画像の左揃え画像の右揃え	<INPUT align="top"> <INPUT align="middle"> <INPUT align="bottom"> <INPUT align="left"> <INPUT align="right">
alt	テキスト	代替テキスト	<INPUT alt="送信する">
ismap	サーバーサイドイメージマップを指定		<INPUT ismap>
usemap	名前	イメージマップを指定	<INPUT usemap="#map">

サンプル

入力部品

フォームの作成を行います。

サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。

<H2>入力部品</H2>
<P>フォームの作成を行います。</P>
<FORM>
<INPUT type="text" maxlength="10">最大入力文字数10<BR><BR>
<INPUT type="password">パスワード用<BR><BR>
<INPUT type="radio" name="r1">ラジオボタン
<INPUT type="radio" name="r1">ラジオボタン<BR><BR>
<INPUT type="checkbox" checked>チェックボックス(チェック済み)<BR><BR>
<INPUT type="file">送信ファイル選択<BR><BR>
<INPUT type="submit" value="送信"><BR><BR>
<INPUT type="reset" value="リセット"><BR><BR>
<INPUT type="button" value="汎用ボタン"><BR><BR>
<INPUT type="image" src="img/img0.jpg">画像ボタン<BR><BR>
</FORM>

解説・注意点など

チェックボックスやラジオボタンにはvalueの値を設定しておきます。

← HTMLタグリファレンス/Tipsに戻る

eWeb