HTML/Forms
< 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>...</form>
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>
<html>
<form>
<input name="myURL" type="text">
<button>Submit</button>
</form>
</html>
Text Area Tag and Attributes[edit | edit source]
<textarea>...</textarea>
Attributes:
- name
- wrap = physical - to allow words to wrap in text area
- height and width
- cols and rows
Drop Down[edit | edit source]
<select>
<option>...</option>
</select>
Attributes:
- 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]
- W3.org: "Forms" is the official reference.[1]
| Learning HTML |
| Previous: Frames in HTML — Next: Web Design/HTML Challenges |