忍者ブログ

からすまる日誌

20200117 グループで作った登録フォーム

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

20200117 グループで作った登録フォーム

一応コードを。
 
<!DOCTYPE html>
<html lang="ja">
 <head>
  <meta charset="UTF-8">
  <title>まきログ登録画面</title>
  <link rel="stylesheet" href="test1.css">
  <!--<script src="../jquery-3.4.1.min.js"></script>-->
 </head>
 <body>
  <h1>まきログ登録</h1>
  <p>新しく店舗を入力してください</p>
  <hr>
  <form action ="#" method ="get">
   <dl>
    <dt><label for="u_name">店の名前</label></dt>
    <dd><input type="text" name="shops" id="shops"></dd>    
    <dt><label for="u_name">住所</label></dt>
    <dd><input type="text" name="s_address" id="s_address"></dd>
   </dl>
   
   <p>カテゴリを選択してください</p>
   <p>
   <select id="s1">
    <option value="">分類の選択</option>
    <option value="和食">和食</option>
    <option value="洋食">洋食</option>
   </select>
   </p>
  
   <p>定休日</p>
   <input type="checkbox" name="holiday[]" value="日">日曜
   <input type="checkbox" name="holiday[]" value="月">月曜
   <input type="checkbox" name="holiday[]" value="火">火曜
   <input type="checkbox" name="holiday[]" value="水">水曜
   <input type="checkbox" name="holiday[]" value="木">木曜
   <input type="checkbox" name="holiday[]" value="金">金曜
   <input type="checkbox" name="holiday[]" value="土">土曜
   <hr>
   <p><input type="submit" value="登録"></p>
   
  </form>
  
  <!--<script src="test1.js"></script>-->
 </body>
</html>
 
PR

コメント

ブログ内検索

カレンダー

03 2025/04 05
S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30