Home > Article > Web Front-end > How to get the value of input in JS?
#JS How to get the value of input?
First use "querySelector()" to obtain the element object, and only need to pass the input selection rules to this method;
Code example
<input type="text" name="username">
var inputEl = document.querySelector('[name="username"]');
Finally, The value attribute in the input element object is the value of the input, so you only need to get this attribute.
var inputEl = document.querySelector('[name="username"]'); var val = inputEl.value; console.log(val);
input attribute HTML5
Value | Description | |
---|---|---|
mime_type | Specifies the type of file submitted via file upload.||
|
Deprecated. Specifies the alignment of image input. | |
text | Define the alternative text for the image input. | |
| Specifies whether to use the input field autocomplete feature. ||
autofocus | Specifies whether the input field gets focus when the page loads. (Not applicable to type="hidden") | |
checked | Specifies that this input element is the first time Should be selected when loading. | |
disabled | Disables this element when the input element loads. | |
formname | Specifies one or more forms to which the input field belongs.||
URL | Override the action attribute of the form. (Applies to type="submit" and type="image") | |
See note | Override the enctype attribute of the form. (Applies to type="submit" and type="image") | |
|
Override the method attribute of the form. (Applies to type="submit" and type="image") | |
formnovalidate | Override the novalidate attribute of the form. If this attribute is used, validation will not be performed when submitting the form. | |
|
Override the form's target attribute. (Applies to type="submit" and type="image") | |
height |
|
Define the height of the input field. (Applies to type="image") |
list | datalist-id | refers to a predefined containing input field datalist of options. |
max |
|
Specifies the maximum value of the input field. Please use it with the "min" attribute to create a range of legal values. |
maxlength | number | Specifies the maximum length of characters in the input field. |
min |
|
Specifies the minimum value of the input field. Please use it with the "max" attribute to create a range of legal values. |
multiple | multiple | If this attribute is used, more than one value is allowed. |
name | field_name | Define the name of the input element. |
pattern | regexp_pattern |
Specifies the pattern or format of the value of the input field. For example, pattern="[0-9]" means that the input value must be a number between 0 and 9. |
placeholder | text | Specifies prompts to help the user fill in the input field. |
readonly | readonly | Specifies that the input field is read-only. |
required | required | Indicates that the value of the input field is required. |
size | number_of_char | Define the width of the input field. |
src | URL | Defines the URL of the image displayed as a submit button. |
step | number | Specifies the legal digit interval of input characters. |
type |
|
Specify the type of input element. |
value | value | Specifies the value of the input element. |
width |
|
Define the width of the input field. (Applicable to type="image") |
JS Tutorial"
The above is the detailed content of How to get the value of input in JS?. For more information, please follow other related articles on the PHP Chinese website!