<!DOCTYPE html>
<html lang="ja">
<head>
<mata charset="utf-8">
<title>情報追加フォーム</title>
<link rel="stylesheet" href="src/leaflet.css" />
<script src="src/leaflet.js"></script>
<link rel="stylesheet" href="stamp.css">
<script src="singleclick.js"></script>
<script type="text/javascript" src="csv.min.js"></script>
<script type="text/javascript" src="form.js"></script>
<style type="text/css">
<!--
div#mymap {width: 45vw; height: 40vh; margin: 0 auto;}
button {font-size:20px;
line-height:50px;
width:30%;
height:20%;}
-->
</style>
</head>
<body>
<div id="header">
<h1>地点追加入力フォーム</h1>
</div>
<form method="post" id="form" action="https://script.google.com/macros/s/AKfycbwQtPXPlNxKue81ORSygSOIXBao7ni1MtNuAdt-xg7-uF_eQWDunAJ-LKMDOA-H-IKVhA/exec">
<h2>地点の名前</h2>
<input type="text" class="txt" id="name" name="name" placeholder="地点の名称を入力してください" required/>
<h2>位置情報の入力</h2>
<p>マップをクリックして追加したい場所を選択してください。</p>
<div id="mymap"></div>
<p>緯度:<input type="text" id="lat" name="lat" placeholder="地図をクリックしてね" required/></p>
<!-- <p id="lat" name="lat"></p> -->
<p>経度:<input type="text" id="lng" name="lng" placeholder="地図をクリックしてね" required/></p>
<!-- <p id="lng" name="lng"></p> -->
<h2>一言コメント</h2>
<p>地点のアピールポイントを書いてください。</p>
<textarea id="comment" name="comment" cols="30" placeholder="例）景色がきれい！" required/></textarea>
<h2>概要</h2>
<p>地点についての具体的な情報を書いてください。</p>
<textarea id="info" name="info" rows="5" cols="50"></textarea>
<h2>地点画像</h2>
<input type="text" class="txt" id="image" name="image">
<h2>スタンプ画像</h2>
<input type="text" class="txt" id="stamp" name="stamp">
<br>
<button type="reset" class="button">リセット</button>
<button type="submit" id="button" class="button" disabled>入力内容を送信</button>
</form>
<p><a href="asahi.html">スタンプラリーページ</a></p>
</body>
</html>
Ito Koki