復習(6)フォーム

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

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

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

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

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

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

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

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

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

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