<!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> <button id="btnCurLocation" onClick="setCurLocation()">get your current location</button><br> <input type="checkbox" value=yes id="soundon" name="sound" text="ON" class="textbox"> <label for="soundon">sound on</label> <br> latitude(ido) <span id="lat"></span><br> longitude(keido) <span id="lng"></span> <script src="script.js"> </script> <form action="post.js" method="post"> <div class="post_div"> <label class="post_text"> <input type="text" name="title" placeholder="Title" > //Title </label> <label class="post_text"> <input type="text" name="Artist" placeholder="Artist" > //Artist </label> <div> <label class="post_file"> <p id="fileName">select file</p> <p id="fileSize"></p> <input type="file" name="file" id="inputFile" accept=".wav, .mp3" requid> </label> </div> <input type="submit" value="upload" class="submit" onclick="func1"> </div> </form> <script src="post.js"> </script> </body> </html>