In this tutorial I'm going to show you how to create forms, which are a great way to collect feedback from your site or if your creating a guestbook. FYI, HTML on it's own cannot create these, this is just the client side part (the forms), creating feedback forms or a guestbook would need to help of a server side language.
To begin, we need to open the form tag and give our entire form a name, like this;
<form name="form_one">
Now we can add our input boxes / checkboxes / radio buttons ect, for people to add their data. Firstly, an input box for users to add their name.
Name: <input type="text" name="name" size="20">
The above code would give us the following results;
Name:
It is always wise to give all your form elements names that are relevant so you don't get muddled up when using forms on a larger scale. Now the code above would give us an input box called name that is size 20.
Next, for an input box for users to enter their email addresses, we can use the same code as before. After that, lets add a big textarea so users can write in comments.
Now you will notice we have type="radio" which tells the browser we want radio buttons, the name is again meaningful but this time we have a new attribute value. Value simple means what value that particular radio button has, each must be different otherwise you will end up with incorrect feedback. This code gives the following results;
Rate This Out of 5
5 -
4 -
3 -
2 -
1 -
And now we have a set of radio buttons, now how about an select group box with a drop down menu
Where are you from?
This is easier to make than you might think, here is the code;
Where are you from?
<select name="location">
<option value="uk">United Kingdom</option>
<option value="us">America</option>
<option value="france">France</option>
<option value="germany">Germany</option>
<option value="australia">Australia</option>
</select>
Now to finish we will need a reset and submit button, then we can close our form and finish up for the day.
Here are our two buttons, reset and submit should be the only two buttons you will need but it's not hard to make others, here's how to make these.
If you enter some data into any of the boxes and then press the RESET button you will notice that all currently entered data gets removed and all the boxes are emptied, the SUBMIT button won't do anything for the moment because it hasn't got any purpose (until you give it one using a server side language).