HTML/Forms

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>...</form>

Form Attributes

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

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

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

<!doctype html>
<html>
  <form>
    <input name="myURL" type="text">
    <button>Submit</button>
  </form>
</html>

Text Area Tag and Attributes

  <textarea>...</textarea>

Attributes:

name
wrap = physical - to allow words to wrap in text area
height and width
cols and rows

Drop Down

  <select>
    <option>...</option>
  </select>