Sunday, 19 July 2009

HTML forms (multiple text entries)

On our last post you saw how you could use a simple HTML code to create a text-input area. You can also use the same principle for multiple text-input areas.
For example:


“Getting to know you” questionnaire

1.Do you have brothers or sisters? If so, how many?

2. What is your favorite activity?

3. What is your least favorite activity?

4. What is your favorite school subject?

5. What is your favorite type of music?






This is the code that generated it:


<h2>“Getting to know you” questionnaire</h2>
<form action="mailto:you@yourdmainhere.com" method="post" enctype="text/plain">
1.Do you have brothers or sisters? If so, how many?
<input type="text" size="40" name="Question1">
2. What is your favorite activity?
<input type="text" size="40" name="Question2">
3. What is your least favorite activity?
<input type="text" size="40" name="Question3">
4. What is your favorite school subject?
<input type="text" size="40" name="Question4">
What is your favorite type of music?
<input type="text" size="40" name="Question5">
<input type="submit" value="Send">


You can copy and paste this code onto your blog and then change the questions, add questions, change the text field size, etc. Don't forget to change you@yourdmainhere.com for the email address you want the form to be sent to.

That is it!



No comments:

Post a Comment