HTML Forms are used to select different kinds of user input.
Create text fieldsHow to create
text fields. The user can write text in a text field.
Create password fieldHow
to create a password field.
HTML forms are used to pass data to a server.
A form can contain input elements like text fields, checkboxes, radio-buttons, submit buttons and
more. A form can also contain select lists, textarea, fieldset, legend, and label elements.
The <form> tag is used to create an HTML form:
The most important form element is the input element.
The input element is used to select user information.
An input element can vary in many ways, depending on the type attribute. An input element can be
of type text field, checkbox, password, radio button, submit button, and more.
The most used input types are described below.
<input type="text" /> defines a one-line input field that a user can enter text into:
Output Will Be::
Note: The form itself is not visible. Note : default width of a text field is 20
<input type="password" /> defines a password field:
Note: The characters in a password field are masked (shown as asterisks or circles).
<input type="radio" /> defines a radio button. Radio buttons let a user select ONLY ONE one
of a limited number of choices:
<input type="checkbox" /> defines a checkbox. Checkboxes let a user select ONE or MORE
options of a limited number of choices.
<input type="submit" /> defines a submit button.
A submit button is used to send form data to a server. The data is sent to the page specified in
the form's action attribute. The file defined in the action attribute usually does something
with the received input:
If you type some characters in the text field above, and click the "Submit" button, the browser
will send your input to a page called "html_form_action.html". The page will show you the
Radio buttonsHow to create radio
CheckboxesHow to create
checkboxes. A user can select or unselect a checkbox.
Simple drop-down listHow to
create a simple drop-down list.
Drop-down list with a pre-selected
valueHow to create a drop-down list with a pre-selected value.
Create a buttonHow to create a
Fieldset around form-dataHow to
create a border around elements in a form.
Send e-mail from a formHow to
send e-mail from a form.
Your Query was successfully sent!