HTML リスト ボックス、テキスト フィールド、ファイル フィールドのサンプル コード

<フォームメソッド="get" アクション="result.html">
<!--input: 入力ボックスのラベル、デフォルトはテキスト、テキスト ボックス name: 入力ボックスに名前を付け、データの送信に使用します maxlength="8": テキスト ボックスには最大 8 文字を入力できます size="30": テキスト ボックスの長さは 30 ピクセルです
-->
	<p>ユーザー名: <input type="text" name="ユーザー名" value="テキストボックスの初期値"
	最大長="8" サイズ="30"/></p>
<!-- パスワード ボックス input type="password"、パスワード ボックスに入力された文字は小さなドットで表示されます -->
	<p>パスワード: <input type="password" name="pwd"/></p>
<!--radio: ラジオ ボタン value: 初期値、ラジオ ボタンには name: グループを入力する必要があります。そうしないと、ラジオ ボタンが間違った入力タグになります。閉じる必要があります -->
	<p>性別:
	<input type="radio" value="boy" name="sex"/>男性 <input type="radio" value="girl" name="sex"/>女性 </p>
<!--checkbox: 複数選択ボックス value: オプションに対応する値 selected: デフォルトで選択され、入力タグで使用されます -->
	<p>趣味:
	<input type="checkbox" value="sleep" name="hobby"/>スリープ <input type="checkbox" value="code" name="hobby"/>コード <input type="checkbox" value="chat" name="hobby"/>チャット <input type="checkbox" value="game" name="hobby" selected/>ゲーム </p>
<!--button: 通常のボタン type="image": 画像ボタン、ボタンのスタイルを画像に置き換えます。submit: 送信ボタン、値の値を名前に対応する値に送信します。reset リセット ボタン、すべての入力ボックスをリセットします。value: 値の値はボタンの名前です -->
	<p>ボタン:
	<input type="button" name="btn1" value="クリックして長さを伸ばす"/>
	<input type="image" src="1.jpg"/>
	</p>
<!--select: ドロップダウン ボックスのラベル オプション: ドロップダウン オプションのラベル selected: デフォルトで選択され、ドロップダウン ボックスのラベルで使用されます -->
	<p>国:
	<国名を選択>
	<option value="cn" 選択>中国</option>
	<option value="usa">アメリカ合衆国</option>
	<option value="uk">イギリス</option>
	<option value="jp">日本</option>
	</選択>
	</p>
<!--textarea: テキストエリア cols: テキストエリアの列数 rows: テキストエリアの行数 -->
	<p>フィードバック:
	<textarea name="textarea" cols="50" rows="10">テキストコンテンツ</textarea>
	</p>
<!--type="file": ファイルドメイン 注 1: ファイルドメインはファイルを選択するために使用され、アップロードボタンも必要です 注 2: ここでは 2 つの名前があります。ファイルをアップロードすると、ファイルはファイルドメインに対応するファイルに送信されます
		アップロードボタンではありません。
		つまり、ファイルを選択した後、値 = アップロードされたファイル、アップロード後、ファイル = アップロードされたファイル -->
	<p>ファイルドメイン:
	<input type="file" name="ファイル">
	<input type="button" value="アップロード" name="アップロード">
	</p>
	
	<p>
	<input type="submit" value="送信"/>
	<input type="reset" value="リセット"/>
	</p>
</フォーム>