復習(6)フォーム

Q27 フォーム（お問い合わせフォーム）

<h1>お問い合わせフォーム</h1>
<form action="#" method="post">
<p>名前：<input type="text" name="name" size="18" 
maxlength="9" value="お名前"></p>
<p>内容：<textarea name="subject" rows="6" cols="45">
お問い合わせ内容</textarea></p>
<p><input type="submit" value="送信"></p>
</form>

Q28 フォーム（ラジオボタン）

<h1>ラジオボタン</h1>
<form action="#" method="post">
<p>性別：<label><input type="radio" name="sex" value="male" 
checked>男性</label>
<label><input type="radio" name="sex" value="female">女性</label>
</p>
<p><input type="submit" value="送信"></p>
</form>

Q29 フォーム（チェックボックス）

<h1>チェックボックス</h1>
<form action="#" method="post">
<p>スマートフォン：
<label><input type="checkbox" name="mobile" value="1" 
checked>iPhone</label>
<label><input type="checkbox" name="mobile" value="2">Android</label>
<label><input type="checkbox" name="mobile" value="3">
その他</label>
</p>
<p><input type="submit" value="送信"></p>
</form>

Q30 フォーム（パスワード）

<h1>パスワード入力</h1>
<form action="#" method="post">
<p>パスワード：
<input type="password" name="password" size="10" maxlength="5" 
value="パスワード">
</p>
<p><input type="submit" value="送信"></p>
</form>

Q31 フォーム（写真をアップロード）

<h1>写真をアップロード</h1>
<form action="#" method="post" enctype="multipart/form-data">
<p>写真：
<input type="file" name="picture">
</p>
<p><input type="submit" value="送信"></p>
</form>