How to create custom Google Docs Form with a custom Thank you message

Published on : April 27, 2026

Author: Masum

Category: Uncategorized

Step 1:
Create you Form in your local device with HTML and CSS as like below.

Code:

[sourcecode]
<form method="POST">
<label>Full Name:</label><input type="text" name="FullName" value="" id="FullName">
<label>E-mail:</label><input type="text" name="Email" value="" id="Email">
<label>Comments:</label><textarea name="Comments" rows="8" cols="0" id="Comments"></textarea>
<img onClick="store_user_data()" src="submit.jpg" alt="Submit" />
</form>
[/sourcecode]

I only showed you basic codes for better understanding. You can use CSS and HTML properties as you like.

Step 2:

Note: you have three fields like – Full Name, E-Mail and Comments.

Now, create a Google form with these three fields and generate a spreadsheet. Don’t think about advance settings.

Step 3:

Open Google form source view by pressing ctrl+u. Copy full code into an editor. From this source code note your three fields input name and page action URL.

Full Name: entry.1101958291

E-mail: entry.43687256

Comments: entry.73393734

Action URL: https://docs.google.com/forms/d/17kFZ_DhdLWh2veYpCkndFJVy-E-S6XKguiu1sRjc6Xs/formResponse

Step 4:

Write a JavaScript function as like below-

[sourcecode]
function store_user_data()
{
var your_name = $("#entry_1018598333").val();
var email = $("#entry_1487024520").val();
var your_comment = $("#entry_141273746").val();
post_data = {‘entry.1101958291’:your_name, ‘entry.43687256’:email, ‘entry.73393734’:your_comment};
$.post(‘https://docs.google.com/forms/d/17kFZ_DhdLWh2veYpCkndFJVy-E-S6XKguiu1sRjc6Xs/formResponse’, post_data);
alert(‘Thank You’);
return false;
}
[/sourcecode]

Done!