書式
<input type="text">
<input type="password">
<input type="hidden">
<input type="checkbox">
<input type="radio">
<input type="button">
<input type="file">
<input type="image">
<input type="reset">
<input type="submit">
<input type="〜" /> (XHTMLの場合の記述)
属性
| 属性名 |
初期値 |
内 容 |
| id |
なし |
IDを指定します。 |
| class |
なし |
スタイルシートクラスを指定します。 |
| style |
なし |
スタイルシートを指定します。 |
| type |
なし |
エレメントの種類を指定します。 |
| name |
なし |
名前を指定します。 |
| value |
なし |
値を指定します。 |
| size |
なし |
表示幅（半角文字数換算）を指定します。 |
| maxlength |
なし |
入力可能文字数（半角文字換算）を指定します。 |
| checked |
--- |
チェック状態を指定します。 |
| alt |
なし |
代替テキストを指定します。 |
| align |
なし |
回り込み方法を指定します。 |
| src |
なし |
画像URLを指定します。 |
| readonly |
--- |
読み出しのみの状態を指定します。 |
| disabled |
--- |
禁止状態を指定します。 |
説明
入力フォームのエレメントを指定します。以下のものが指定できます。ボタンやテキストフィールド内に表示する文字はvalue属性で指定します。XHTMLの場合は<input type="〜" />のように記述します。
| 指定値 |
内 容 |
| text |
１行のテキストフィールド |
| password |
パスワード。入力した文字は*や●などで隠されます。 |
| hidden |
隠しデータ。表示されませんがデータは送信されます。 |
| checkbox |
チェックボックス。複数選択肢の中から複数選択する場合に使います。 |
| radio |
ラジオボタン。複数選択肢の中から１つだけを選択する場合に使います。 |
| button |
ボタン。 |
| file |
ローカルファイルの選択。クリックするとファイル選択ダイアログが表示されます。 |
| image |
画像ボタン。submitボタンと同じ働きをしますが、クリック時のボタン座標も送信されます。 |
| reset |
リセットボタン。クリックすると初期状態に内容が戻ります。 |
| submit |
送信ボタン。 |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>Sample</title>
</head>
<body>
<h1>Sample</h1>
<form method="get" action="../bbs.cgi">
<input type="text"><br>
<input type="password"><br>
<input type="hidden"><br>
<input type="checkbox">チェックボックス<br>
<input type="radio" name="rGrp">ラジオボタン１<br>
<input type="radio" name="rGrp">ラジオボタン２<br>
<input type="button" value="ボタン"><br>
<input type="file"><br>
<input type="image" src="btn.jpg" alt="送信"><br>
<input type="reset"><br>
<input type="submit"><br>
</form>
</body>
</html>