index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf8">
<meta name="description" content="初めてHTMLを勉強するサイトです。">
<title>プログラミングの勉強</title>
</head>
<body>
<header>
<h1>プログラミングを勉強しよう！</h1>
<nav>
<ul>
<li>ホーム</li>
<li>このサイトについて</li>
<li>プロフィール</li>
</ul>
</nav>
</header>
<main>
<article>
<h2>様々なフォーム</h2>
<form action="form.php" method="post">
<p>
お名前:
<input type="text" name="name" size="60" placeholder="T下純">
</p>
<p>
Eメール:
<input type="email" placeholder="shimonojun@daijin.com">
</p>
<p>
パスワード:
<input type="password">
</p>
<p>
住所:
<select name="example">
<option value="1">北海道</option>
<option value="2">青森県</option>
<option value="3">岩手県</option>
</select>
</p>
<p>
お電話:
<input type="tel" maxlength="11" required>
</p>
<p>
誕生日:
<input type="date" id="start" name="trip-start" value="2012-08-01" min="2010-01-01" max="2018-12-31">
</p>
<p>
希望時刻:
<input type="time">
</p>
<p>
<b>ご利用頻度</b>
<input type="checkbox">初めて
<input type="checkbox">週1回程度
<input type="checkbox">月1回程度
</p>
<p>
<b>性別:</b>
<input type="radio">男性
<input type="radio">女性
<input type="radio">回答しない
</p>
<p>
<b>お問い合わせ内容:</b>
<br>
<textarea name="" id="" cols="100" rows="5" placeholder="ご意見・ご感想をお聞かせください"></textarea>
</p>
<p>
添付ファイル:
<input type="file">
</p>
<p>
<input type="button" value="ボタン">
</p>
<p>
<input type="submit" value="送信ボタン">
</p>
</form>
</article>
</main>
</body>
</html>