Making Forms in HTML

Creating your first HTML forms can be pretty exciting and a bit tricky as well! However, once you will sit with the coding, soon you will find it interesting and a sheer joy in creating your first complete HTML document. The HTML forms will help you to create a useful Feedback Form for your website and the good news is that you don't even need to know the CGI or programming language.

For building an HTML form, you need to get the following tools:

  • A text editor (notepad, Dreamweaver etc)
  • Any HTML editor will work but that can be used for the manipulating form items and attributes
  • A webpage where you want the feedback and a server location for the feedback page
  • 30 minutes free time (or even less than that)

For making an HTML form you need the opening and the closing tag.

While creating forms all input fields are placed between the tags. You can have multiple forms on a single page that may not have nest forms. All the methods are being specified by the protocol and use the pass to form data to process program. For transmitting post you can use data, the action considered to be URL and this helps in submitting the data for processing.

Steps to build HTML

  • Open the text editor and create a blank page
  • Build the main page with container elements
  • Give a heading to the page
  • Start with the form and you will have a tag of special elements:
  • Now add question in your form, where the feedback form will have three questions like the name, the rating and the comment

Now your form is ready to get upload on the web. Before uploading, validate the HTML coding and check whether there are any errors or typos.

More Variations

For more options in order to make the form more interactive and appealing, you can try out the following methods.

For any field you want to hide from the user and which the developer can use for passing out value or user input. In the same way, you can use disabled attribute and by setting it disabled, you can make the field unavailable.

This is not the best way of making a mailform, but we just made this page to show you how HTML forms work. If you really do want to make a GOOD mailform try using PHP, as it allows you to hide your e-mail address and do so much more!

Didn't find what you were looking for?

Couldn't find what you were looking for on this page? Search our site using the simple search form below.