<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>soundoar</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="">
<link rel="stylesheet" href="pointer.css" type="text/css">
<script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>
<style type="text/css">
<!--
#mapid { height: 400px; width: 600px}
-->
</style>
</head>
<body>
<div id="mapid">
<a class="pc_link" href="#">pc</a>
<a class="tb_link" href="#">tb</a>
<a class="sp_link" href="#">sp</a>
</div>
<script src="script.js">
</script>
<form method="POST" enctype="multipart/form-data" action="./post.rb">
<input name="title" type="text" maxlength="40" placeholder="Title">
<input name="artist" type="text" maxlength="40" placeholder="Artist">
<br>
<input name="ido" type="text" placeholder="ido">
<input name="keido" type="text" placeholder="keido">
<br>
<input type="file" name="file" id="inputFile" accept=".wav, .mp3" requid>
<br>
<input type="submit" value="SEND!">
<input type="reset" value="reset">
</form>
</body>
</html>
