Create Feedback Form In HTML Code
Hello coder, welcome to the codewithrandom blog. In today’s blog, we are going to see how to create an simple Feedback form using Html code only that contains first name, second name, checkbox, email address comment, and more html form input that is required for the feedback form.
A Feedback form is a form where user can enter their personal details and write about their point as feedback and submit it. The feedback may be in any form like events, trail classes, products, etc. So Likewise we are going to create this project using HTML Code Only.
|Code by||Simon Long|
|Project Download||Link Available below|
|External link / Dependencies||No|
So, Let’s Begin Our Feedback Form Project By Adding The Source Codes. For That, First, We Are Using The Html Code.
Html Feedback Form Code:-
<HTML> <HEAD> <TITLE>Feedback Form</TITLE> </HEAD> <BODY> <H1>Feedback Form</H1> <FORM action="mailto:[email protected]" method="post" enctype="text/plain"> First Name : <INPUT type="text" name="firstname" placeholder="Enter name here"> Second Name : <INPUT type="text" name="secondname" placeholder="Enter surname here"> <BR> <BR> <!--It's important that both of these radio button have the same name so they behave as one component (i.e. Only one can be selected at a time)--> <INPUT type="radio" name="gender" value="male">Male<BR> <INPUT type="radio" name="gender" value="female">Female <BR> <BR> <!--This uses the new HTML "email" INPUT type which will automatically validates the email address when the SUBMIT button is clicked--> email: <INPUT type="email" name="mail" placeholder="e-mail address"> <BR> <BR> Comment :<BR> <TEXTAREA rows="6" cols="50" name="commentfield"></TEXTAREA> <BR> <SELECT name="countychooser"> <OPTION value="cork">Cork</OPTION> <OPTION value="dublin">Dublin</OPTION> <OPTION value="galway">Galway</OPTION> <OPTION value="kerry">Kerry</OPTION> </SELECT> <BR> <BR> <INPUT TYPE="submit" value="Send Feedback"> <INPUT TYPE="reset" value="Reset"> </FORM> </BODY> </HTML>
Here We have successfully added out HTML code. In this code first we create an title with h1 tag and creating an form class with method. Now Inside Form class we started adding every contents. Like First name , Second name , Gender , Email , Comment(Feedback) and lastly Submit Button.
Each One is added with the Input tags with separate names and placeholders and the comment box which is feedback area is done with text area tag with name and cols.Additionally , We have created a section for choosing country by drop down list and that is done with option tag with specify country name for selection.Lastly we creating separate buttons which is “Send Feedback” and “Reset” Button with the help of input tags that consists of type and value.
So That’s all we have created an feedback form using simple HTML . Now We can take a preview of our project in the mentioned output section.
Final Output Feedback Form in Html Code:-
FaQ For Feedback Form Using HTML
Which code editor do you use for this Feedback Form coding?
I personally recommend using VS Code Studio, it’s very simple and easy to use.
is this project responsive or not?
No! this project is a Not responsive project.
Do you use any external links to create this project?