How to create custom Google Docs Form with a custom theme

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 action="index.php" 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>
<input type="submit" value="Submit" name="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:
Finally replace your HTML form’s three fields name with Google form’s three field name. Also change action URL with Google form’s URL.