Fixed grammatical issues and updated the text (#21329)
This commit is contained in:
committed by
Kristofer Koishigawa
parent
0e263c6a9c
commit
efdb543d76
@ -3,7 +3,9 @@ title: Input
|
||||
---
|
||||
|
||||
## Input
|
||||
The HTML `<input>` tag is used to create an element which allows a user to input data. Typically this would be within a `<form>` element, although it's not required.
|
||||
|
||||
The HTML `<input>` tag is typically used within a `<form>` element to declare an input element.
|
||||
It allows the user to enter data, and can vary in many ways.
|
||||
|
||||
### Example
|
||||
```html
|
||||
@ -30,13 +32,21 @@ The HTML `<input>` tag is used to create an element which allows a user to input
|
||||
</html>
|
||||
```
|
||||
|
||||
In the above example, there is a form with two text fields which ask the user to enter their first and last names according to the labels specified. `<input type="submit">` is another type of input which is used to submit the form's data to the URL defined in the form's `action` attribute.
|
||||
In the above example, there are two input fields which ask the user to enter their first and last names according to the labels specified.
|
||||
|
||||
### Types
|
||||
There are many types of `<input>` tags which can be specified with the input's `type` attribute. A few common types are:
|
||||
- **Text** - Creates a simple text box
|
||||
- **Password** - Creates a text field but masks the characters typed into the input
|
||||
- **Checkbox** - Creates a checkbox field that allows the user to select multiple options
|
||||
- **Radio** - Creates a field that allows a user to select only one option
|
||||
- **Submit** - Displays a button that submits the form when clicked
|
||||
- **Hidden** - This is a special type that doesn't render on the page. It's typically used to pass additional data along with a form.
|
||||
Submit (`<input type="submit">`) is another type of input which is used to take the data entered by the user into the form and send it to some other location specified in the code.
|
||||
|
||||
### Input Types
|
||||
The HTML `<input>` tag uses the attribute `type` to specify what kind of input element to display. Some of these include:
|
||||
* `type = "text"` - This is the default type, and generates a one-line text field.
|
||||
* `type = "password"`- This will generate a password field, and is used for (you guessed it!) passwords.
|
||||
* `type = "hidden"` - This will generate a hidden input field.
|
||||
* `type = "text"` - Creates a simple text box.
|
||||
* `type = "password"` - Creates a text field but masks the characters typed into the input.
|
||||
* `type = "checkbox"` - Creates a checkbox field that allows the user to select multiple options.
|
||||
* `type = "radio"` - Creates a field that allows a user to select only one option.
|
||||
* `type = "submit"` - Displays a button that submits the form when clicked.
|
||||
* `type = "hidden"` - This is a special type that doesn't render on the page. It's typically used to pass additional data along with a form.
|
||||
|
||||
#### More Information:
|
||||
[MDN - Input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input)
|
||||
|
Reference in New Issue
Block a user