database.html

<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script type="text/javascript">
	   function Send(){
	          //URL: the link you get after you publish your apps script
            $.get("https://script.google.com/macros/s/AKfycbwxpLNCGaZUFl3PN-GwXpOD0hn5eDgS0UAjsSkSVntLuSZlpxg/exec", {
                        "name": document.getElementById("nameInput").value,
                        "phone": document.getElementById("phoneInput").value,
                        "result": document.getElementById("resultInput").value
                    },					
                    function (data) {
                        document.write("Result = "+data);   // data: Return true                  
                    });
                  }
</script>
<center>
	<h1>Send form data to Google spreedsheet database </h1><br>
	Name: <input type="text" id="nameInput"><br><br>
  Phone: <input type="text" id="phoneInput"><br><br>
  Result: <input type="text" id="resultInput"><br><br><br>
  <input type="button" value="Send" onclick="Send()">
</center>
</body>
</html>