このページではJavaScriptをONにしてください。

フォームを構成する様々な入力部品を作成する

<input>

<form action=”xxxxx.php” method=”post” enctype=”multipart/form-data”>
<p><label>名前:<input type=”text” name=”name” size=”30″ maxlength=”20″></label></p>
<p><label>パスワード:<input type=”password” name=”pass” size=”6″ maxlength=”4″></label></p>
<p>学年:
<label><input type=”radio” name=”gakunen” value=”1″>1年生</label>
<label><input type=”radio” name=”gakunen” value=”2″>2年生</label>
<label><input type=”radio” name=”gakunen” value=”3″>3年生</label>
<label><input type=”radio” name=”gakunen” value=”4″>4年生</label>
<label><input type=”radio” name=”gakunen” value=”5″>5年生</label>
<label><input type=”radio” name=”gakunen” value=”6″>6年生</label>
</p>
<p>好きな課目:
<label><input type=”checkbox” name=”kamoku” value=”kokugo”>国語</label>
<label><input type=”checkbox” name=”kamoku” value=”eigo”>英語</label>
<label><input type=”checkbox” name=”kamoku” value=”sansu”>算数</label>
<label><input type=”checkbox” name=”kamoku” value=”rika”>理科</label>
<label><input type=”checkbox” name=”kamoku” value=”syakai”>社会</label>
<label><input type=”checkbox” name=”kamoku” value=”taiiku”>体育</label>
</p>
<p><label>宿題ファイル:<input type=”file” name=”syukudai”></label></p>
<p>
<input type=”submit” value=”送信”>
<input type=”reset” value=”リセット”>
</p>
</form>

フォーム(<form>~</form>)を構成する様々な入力部品を作成する際に使用します。

PAGE TOP