From Wikiversity
(Redirected from Forms in HTML)
Jump to navigation Jump to search

Forms are normally used to submit information across the internet by the user browser and is commonly known as the Client.

The form tag


Form Attributes

[edit | edit source]

1. action specifies the destination of the information being sent

2. method

  • Specifies the way the information has to be sent
  • Two methods - POST and GET

Form Elements - Input Tag

[edit | edit source]

1. Text fields

  <input type="text" />

2. Password

 <input type="password" />

3. Check box

  <input type="checkbox" />

4. Radio button

  <input type="radio" />

5. Submit button

  <input type="submit" />

6. Reset button

  <input type="reset" />

7. Other button

  <input type="button" />

8. Image working like submit button

  <input type="image" src="" name="submit" />

Attributes of Input tag

[edit | edit source]

1. name - associated with a text field

2. size - length of characters in an input field

3. checked - For check box

4. max length - maximum characters allowed

5. value - For text and password field, value is the text that has been typed - Radio button and check box - Submit and Reset button - values used to display text on a button

Example of form with input tag to send text by URL

[edit | edit source]
<!doctype html>
    <input name="myURL" type="text">

Text Area Tag and Attributes

[edit | edit source]


  • name
  • wrap = physical - to allow words to wrap in text area
  • height and width
  • cols and rows
[edit | edit source]


  • name
  • size - number of items to be displayed at one time
  • multiple select
  <select multiple>...</select>
  • Selected
  <option selected>...<option>

Shameem 17:04, 22 July 2007 (UTC)

Further reading

[edit | edit source]
  • "Forms" is the official reference.[1]

Learning HTML
Previous: Frames in HTMLNext: Web Design/HTML Challenges