HTML forms Wiki - HTML forms explained

The purpose of this wiki is to learn all about HML forms and how to design a contact form code.

HTML forms are the easiest way a site's visitors can contact the owners of the website they are visiting. 

To make your own html forms you need to know a little about HTML syntax. Below you will find a simple HTML form explained:

<form method="post" action="mailto:youremailaddress@domain.com">

Name: <input type="text" size="10" maxlength="40" name="name"> <br>

Email: <input type="email" size="10" maxlength="10" name="email"> <br>

Message: <textarea rows="4" cols="20" name="message"></textarea>

<input type="submit" value="Send message"/>

</form>

The form above contains only 3 fields : name, email and message. After a user fills this form they have to press the "Send message" button and what he/she filled will be mailed to the owner of  "youremailaddress@domain.com". The email message will be delivered using the users default email client.

You can change the HTML form script but make sure you don't erase anything important by mistake.

Changeable items are:

- size of "text"

- value of "maxlength"

- value of "rows" and "cols"

- text written on the submission button  (now is "send message")

- receiver email address (now is "youremailaddress@domain.com")

If you don't have any programming skills my suggestion is to try something remotely hosted. This way, you add a small script to your "contact us" page and you will receive all submission by email. HTML forms created this way can be configured using an online wizard, and you can use more fields & advanced options on your contact form without having to know anything about HTML.

External links:

123ContactForm.com - free online contact form generator. No programming experience required just copy & paste skills.