<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<strong>Test Google Form</strong> 
 
<form id="form" target="_self" onsubmit="" action="javascript: postToGoogle()"> 
 
    <fieldset> 
 
    <label>Question 1</label> 
 
    <input id="qs1_op_1" type="radio" value="Yes" name="qs1" /> 
 
    <input id="qs1_op_2" type="radio" value="No" name="qs1" /> 
 
    </fieldset> 
 

 
    <fieldset> 
 
    <label>Text</label> 
 
    <textarea id="feed" name="feed"></textarea> 
 
    </fieldset> 
 
    <div style="width: 100%; display: block; float: right;"> 
 
    <button id="send" type="submit"> 
 
     Send 
 
    </button> 
 
    </div> 
 
</form> 
 
<br /><br /> 
 
The <a href="https://docs.google.com/spreadsheets/d/1bVeLfK2gm6emaGRKHnMllpeb_P4HwwZoIfZB5MCcyZg/pubhtml">Result</a> takes few minutes to be shown, but it is sent to the google sheet instantaneously. 
 
<br /><br />

它的工作在CodePen。

• Sending data to Google docs from your web page, using your own form and AJAX!
• TIP: ADDING A SUBMISSION FORM TO YOUR BLOG