<!doctype html> <html> <head> <meta charset="utf-8"> <title>Wild bird conservation society</title> <link href="kensaku.css" rel="stylesheet" type="text/css"> </head> <body> <form> <div class="search-box"> <span class="search-box_label">季節:</span> <input type="radio" name="kind" value="">ALL <input type="radio" name="kind" value="夏鳥">夏鳥 <input type="radio" name="kind" value="留鳥">留鳥 </div> <div class="search-box"> <span class="search-box_label">エリア:</span> <input type="checkbox" name="color" value="河口">河口 <input type="checkbox" name="color" value="農耕地">農耕地 </div> </form> <ul class="list"> <li class="list_item" data-kind="留鳥" data-color="河口"><a href="https://www.yatex.org/gitbucket/SKIP/renshu-2021/pages/SWAN/prototype1-2.html">アオサギ 季節:留鳥 エリア: 河口,農耕地</a></li> <li class="list_item" data-kind="夏鳥" data-color="河口"><a href="https://www.yatex.org/gitbucket/SKIP/renshu-2021/pages/SWAN/prototype1-1.html">コチドリ 季節:夏鳥 エリア: 河口,農耕地</a></li> </ul> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="kensaku.js"></script> </body> </html>