#1
|
|||
|
|||
HTML Forms and Input
HTML Forms are used to select different kinds of user input.
Try-It-Yourself Examples Text fields This example demonstrates how to create text fields on an HTML page. A user can write text in a text field. Password fields This example demonstrates how to create a password field on an HTML page. (You can find more examples at the bottom of this page) Forms A form is an area that can contain form elements. Form elements are elements that allow the user to enter information (like text fields, textarea fields, drop-down menus, radio ****ons, checkboxes, etc.) in a form. A form is defined with the Input The most used form tag is the tag. The type of input is specified with the type attribute. The most commonly used input types are explained below. Text Fields Text fields are used when you want the user to type letters, numbers, etc. in a form. How it looks in a browser: First name: Last name: Note that the form itself is not visible. Also note that in most browsers, the width of the text field is 20 characters by default. Radio ****ons Radio ****ons are used when you want the user to select one of a limited number of choices. How it looks in a browser: Male Female Note that only one option can be chosen. Checkboxes Checkboxes are used when you want the user to select one or more options of a limited number of choices. How it looks in a browser: I have a bike: I have a car: I have an airplane: The Form's Action Attribute and the Submit ****on When the user clicks on the "Submit" ****on, the content of the form is sent to the server. The form's action attribute defines the name of the file to send the content to. The file defined in the action attribute usually does something with the received input. How it looks in a browser: Username: If you type some characters in the text field above, and click the "Submit" ****on, the browser will send your input to a page called "html_form_submit.asp". The page will show you the received input. |
#2
|
|||
|
|||
Checkboxes
This example demonstrates how to create check-boxes on an HTML page. A user can select or unselect a checkbox. |
#3
|
|||
|
|||
Radio ****ons
This example demonstrates how to create radio-****ons on an HTML page
|
#4
|
|||
|
|||
Simple drop down box
This example demonstrates how to create a simple drop-down box on an HTML page. A drop-down box is a selectable list. |
#5
|
|||
|
|||
Another drop down box
This example demonstrates how to create a simple drop-down box with a pre-selected value |