フォームの練習その2

練習用

リスト
HTML

<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>ラベルを付ける</title>
</head>
<body>
<h1>リスト</h1>
<form action="#" method="post">
<p>言語:<select name="language">
<option value=""selected>以下の言語を選択してください</option>
<option value="1">日本語</option>
<option value="2">英語</option>
<option value="3">フランス語</option>
<option value="4">スペイン語</option>
<option value="5">韓国語</option>
</select>
</p>
<p><input type="submit" value="送信"></p>
</form>
</body>
</html>

ラベルを付ける
HTML

<!DOCTYPE html>
<html>
<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="1" checked>Android</label>
<label><input type="checkbox" name="mobile" value="1" checked>その他</label>
</p>
<p>性別:<input type="radio" name="sex" value="male" id="male" checked><label for="male">男性</label>
<input type="radio" name="sex" value="female" id="female"><label for="female">女性</label></p>
<p><input  type="submit" value="送信"></p>
</form>
</body>
</html>

パスワード
HTML

<!DOCTYPE html>
<html>
<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>
</form>
</body>
</html>

ファイルをアップロード
HTML

<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>ファイルをアップロード</title>
</head>
<body>
<h1>写真をアップロード</h1>
<form action="#" method="post" enctype="multipart/form-date">
<p>写真:
<input type="file" name="picture"></p>
<p><input type="submit" value="送信"></p>
</form>
</body>
</html>