<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>フォーム</title>
<link rel="stylesheet" href="form.css">
<script src="../jquery-3.4.1.min.js"></script>
</head>
<body>
<h1>Basic Form</h1>
<form action="" method="get">
<dt><label for="hoge">お名前</label></dt>
<dd>
<input required type="text" name="lastName" id="hoge" value="test">
</dd>
</dl>
<dt>好きなもの</dt>
<dd>
<label><input type="checkbox" name="favorite" value="curry">カレー</label>
<label><input type="checkbox" name="favorite" value="udon">うどん</label>
<label><input type="checkbox" name="favorite" value="curryUdon">カレーうどん </label>
</dd>
</dl>
<dt>性別</dt>
<dd>
<label><input checked type="radio" name="gender" value="male">男性</label>
<label><input type="radio" name="gender" value="female">女性</label>
<label><input type="radio" name="gender" value="other">そのほか</label>
</dd>
</dl>
<dl><!--普通dlの中にはdtとddがセットで入る-->
<textarea name="message"></textarea>
</dl>
<select name="from">
<option value="wakayama">wakayama</option>
<option value="kyoto">kyoto</option>
<option value="nara">nara</option>
</select>
</dl>
<select name="from" id="foo">
</select>
<input type="submit" value="send">
</form>
<script src="form.js"></script>
</body>
</html>
