課題Q27

課題 

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>お問い合わせフォーム</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<h1>お問い合わせフォーム</h1>
<form action="#" method="post" name="form1">
<h2>聞きたいことあればどうぞ！！！</h2>
<p>それは何だろう？？？</p>
<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>
</html>

課題Q28

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ラジオボタン</title>
</head>
<body>
<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>
</body>
</html>

課題Q29

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>チェックボックス</title>
</head>
<body>
<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>
</body>
</html>

課題Q30

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>パスワード</title>
</head>
<body>
<h1>パスワードの入力</h1>
<form action="#" method="post">
<p>パスワード：<input type="password" name="password" size="10" maxlength="5"</p>
<p><input type="submit" value="送信"></p>
</body>
</html>

課題Q31

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ファイルをアップロード</title>
</head>
<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>
</html>