Kazuma/regist.html

## regist.html
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>Web システム</title>
  </head>
  <body>

    <header>
      <ol>
        <li>TOP >></li>
        <li><a href="#">ユーザー登録画面</a></li>
      </ol>
      <h1>ユーザー登録画面</h1>
    </header>

    <nav>
      <ul>
        <li><a href="../index.html">TOP 画面</a></li>
        <li><a href="../show.html">一覧画面</a></li>
        <li><a href="../delete.html">削除画面</a></li>
      </ul>
    </nav>

    <section>
      <h2>ユーザー情報登録</h2>
      <article>
        <form action="#" method="post" name="fm">
          <div class="name">
            <p>氏名:</p>
            <input name="name" type="text" placeholder="氏名" required>
          </div>
          <div class="mail">
            <p>メールアドレス:</p>
            <input name="mail" type="mail" placeholder="メールアドレス" required>
          </div>
          <div class="password">
            <p>パスワード:</p>
            <input name="password" type="password" placeholder="パスワード" required>
          </div>
          <div class="pref">
            <p>都道府県:</p>
            <select name="pref">
              <option value="" selected>選択して下さい</option>
              <option value="hokkaido">北海道</option>
              <option value="okinawa">沖縄</option>
            </select>
          </div>
          <div class="sex">
            <p>性別:</p>
            <input name="sex" type="radio" value="men">
            <label>男</label>
            <input name="sex" type="radio" value="women">
            <label>女</label>
          </div>
          <div class="genre">
            <p>関心のあるジャンル:</p>
            <input name="web" type="checkbox">
            <label>ネットサーフィン</label>
            <input name="move" type="checkbox">
            <label>映画鑑賞</label>
            <input name="shopping" type="checkbox">
            <label>ショッピング</label>
          </div>
          <div class="request">
            <p>ご要望:</p>
            <textarea name="request"></textarea>
          </div>
          <div class="button">
            <input type="submit" name="registbtn" value="登録">
            <input type="button" name="cancelbtn" value="キャンセル">
          </div>
        </form>
      </article>
    </section>

    <footer>
      <p>
      Copyright© 2012 hoge All Rights Reserved.
      </p>
    </footer>

  </body>
</html>
	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<title>Web システム</title>
	</head>
	<body>

	<header>
	<ol>
	<li>TOP >></li>
	<li><a href="#">ユーザー登録画面</a></li>
	</ol>
	<h1>ユーザー登録画面</h1>
	</header>

	<nav>
	<ul>
	<li><a href="../index.html">TOP 画面</a></li>
	<li><a href="../show.html">一覧画面</a></li>
	<li><a href="../delete.html">削除画面</a></li>
	</ul>
	</nav>

	<section>
	<h2>ユーザー情報登録</h2>
	<article>
	<form action="#" method="post" name="fm">
	<div class="name">
	<p>氏名:</p>
	<input name="name" type="text" placeholder="氏名" required>
	</div>
	<div class="mail">
	<p>メールアドレス:</p>
	<input name="mail" type="mail" placeholder="メールアドレス" required>
	</div>
	<div class="password">
	<p>パスワード:</p>
	<input name="password" type="password" placeholder="パスワード" required>
	</div>
	<div class="pref">
	<p>都道府県:</p>
	<select name="pref">
	<option value="" selected>選択して下さい</option>
	<option value="hokkaido">北海道</option>
	<option value="okinawa">沖縄</option>
	</select>
	</div>
	<div class="sex">
	<p>性別:</p>
	<input name="sex" type="radio" value="men">
	<label>男</label>
	<input name="sex" type="radio" value="women">
	<label>女</label>
	</div>
	<div class="genre">
	<p>関心のあるジャンル:</p>
	<input name="web" type="checkbox">
	<label>ネットサーフィン</label>
	<input name="move" type="checkbox">
	<label>映画鑑賞</label>
	<input name="shopping" type="checkbox">
	<label>ショッピング</label>
	</div>
	<div class="request">
	<p>ご要望:</p>
	<textarea name="request"></textarea>
	</div>
	<div class="button">
	<input type="submit" name="registbtn" value="登録">
	<input type="button" name="cancelbtn" value="キャンセル">
	</div>
	</form>
	</article>
	</section>

	<footer>
	<p>
	Copyright© 2012 hoge All Rights Reserved.
	</p>
	</footer>

	</body>
	</html>