■フォーム部品の実際の画面

 ブラウザごと、OSごとにフォームの部品の表示は異なっています。ここでは、OSごととブラウザごとにキャプチャーした画像を掲載しています。

【MacOS X (10.3.9)】
Firefox 1.0.1
iCab 2.9.8
Internet Explorer 5.2.3
Mozilla 1.7.3
Netscape 4.8
Netscape 6.2
Netscape 7.1
Opera 7.5
Safari 1.3

【Windows 98】
Internet Explorer 4.0

【Windows 98 Second Edition】
Internet Explorer 5.0

【Windows Me】
Internet Explorer 5.5

【Windows XP】
Firefox 1.0.2
Internet Explorer 6.0
Netscape 6.2.3
Netscape 7.1
Opera 6.0.6
Opera 7.2.3

【実際のソース:実行する

<html>
<head>
<title>フォーム部品</title>
</head>
<body>
<form>
<input type="button" value="標準のボタン"><br>
<input type="button" value="標準のボタン(無効)" disabled><br>
<input type="checkbox" checked>チェックボックス(チェックあり)<br>
<input type="checkbox">チェックボックス(チェックなし)<br>
<input type="checkbox" disabled>チェックボックス(無効)<br>
<fieldset>
<legend>部品サンプル</legend>
<input type="radio" checked>ラジオボタン(チェックあり)<br>
<input type="radio">ラジオボタン(チェックなし)<br>
<input type="radio" disabled>ラジオボタン(無効)<br>
</fieldset>
<input type="text" value="テキストフィールド"><br>
<input type="text" value="テキストフィールド(無効)" disabled><br>
<textarea>テキストエリア</textarea><br>
<textarea disabled>テキストエリア</textarea><br>
<input type="file"><br>
<input type="submit">送信ボタン<br>
<input type="submit" disabled>送信ボタン(無効)<br>
<input type="reset">リセットボタン<br>
<input type="reset" disabled>リセットボタン(無効)<br>
<button>汎用ボタン<br>です。</button><br>
<select>
<option>セレクトメニュー</option>
<option>項目1</option>
<option disabled>項目2(無効)</option>
</select>
<select>
<option>セレクトメニュー(階層)</option>
<optgroup label="グループ1">
<option>項目1</option>
<option disabled>項目2(無効)</option>
</optgroup>
<optgroup label="グループ2">
<option>項目1</option>
<option>項目2</option>
</optgroup>
</select>
</form>
</body>
</html>