復習課題(6)フォーム

課題

まだ出来ていなかったので復習も兼ねて
Q27
HTML

<body>
<h1>お問い合わせフォーム</h1>
<form action="#" method="post">
<p>名前:<input type="text" name="name" size="20" maxlength="10" value="お名前"></p>
<p>内容:<textarea  name="subject" rows="5" cols="40">お問い合せ内容</textarea></p>
<p><input type="submit" value="送信"></p>
</form>
</body>

↓


Q28
HTML

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

↓


Q29
HTML

<body>
<h1>チェックボックス</h1>
<form action="#" method="post">
<p>スマートフォン:<input type="checkbox" name="mobile" value="1" checked>iphone
<input type="checkbox" name="mobile" value="1">Andorid
<input type="checkbox" name="mobile" value="1">その他</p>
<p><input type="submit" value="送信"></p>
</form>
</body>

↓


Q30
HTML

<body>
<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>
</body>

↓


Q31
HTML

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

↓