diff --git a/guide/english/html/attributes/input/index.md b/guide/english/html/attributes/input/index.md index d2339c2593..26d3c22caa 100644 --- a/guide/english/html/attributes/input/index.md +++ b/guide/english/html/attributes/input/index.md @@ -3,7 +3,9 @@ title: Input --- ## Input -The HTML `` tag is used to create an element which allows a user to input data. Typically this would be within a `
` element, although it's not required. + +The HTML `` tag is typically used within a `` 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 `` tag is used to create an element which allows a user to input ``` -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. `` 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 `` 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 (``) 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 `` 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)