JS에서 입력 값을 얻는 방법은 무엇입니까?-JS 튜토리얼-php.cn

JS에서 입력 값을 얻는 방법은 무엇입니까?

Guanhui

풀어 주다： 2020-06-04 09:56:48

원래의

10660명이 탐색했습니다.

JS에서 입력 값을 얻는 방법은 무엇입니까?

JS에서 입력 값을 얻는 방법은 무엇입니까?

먼저 "querySelector()"를 사용하여 이 메서드에 입력 선택 규칙만 전달하면 됩니다.

코드 예

<input type="text" name="username">

로그인 후 복사

var inputEl = document.querySelector(&#39;[name="username"]&#39;);

로그인 후 복사

마지막으로 입력 요소 개체의 값 속성은 다음과 같습니다. 입력이므로 속성을 얻으세요.

var inputEl = document.querySelector(&#39;[name="username"]&#39;);

var val = inputEl.value;

console.log(val);

로그인 후 복사

input 속성 HTML5

이미지 입력 정렬을 지정합니다. altoff입력 필드의 자동 완성 기능을 사용할지 여부를 지정합니다. autofocusautofocus페이지가 로드될 때 입력 필드가 포커스를 받을지 여부를 지정합니다. 은 이 입력 요소가 처음 로드될 때 확인되어야 함을 지정합니다. disableddisabled입력 요소가 로드되면 이 요소를 비활성화합니다. formname입력 필드가 속한 하나 이상의 양식을 지정합니다. formaction(type="submit" 및 type="image"에 적용) 댓글 보기양식의 enctype 속성을 재정의합니다. formmethodpostformnovalidateformnovalidateformtarget_self_parent_top은 양식의 대상 속성을 재정의합니다.

속성	값	설명
accept	mime_type	파일 업로드를 통해 제출된 파일 유형을 지정합니다. 사용법이 더 이상 사용되지 않습니다.
	text 이미지 입력을 위한 대체 텍스트를 정의합니다. autocomplete on

(type="hidden"에는 적용되지 않음)	checked checked
		form

URL		양식의 작업 속성을 재정의합니다.
	formenctype
(type="submit" 및 type="image"에 적용)		get
	은 양식의 메소드 속성을 재정의합니다.	(type="submit" 및 type="image"에 적용)
	양식의 novalidate 속성을 재정의합니다. 이 속성을 사용하면 양식을 제출할 때 유효성 검사가 수행되지 않습니다.	_blank
		framename
(type="submit" 및 type="image"에 적용)
height	pixels %	은 입력 필드의 높이를 정의합니다. (type="image"에 적용)
list	datalist-id	입력 필드에 대해 미리 정의된 옵션이 포함된 데이터 목록을 말합니다.
max	number date	은 입력 필드의 최대값을 지정합니다. 합법적인 값 범위를 생성하려면 "min" 속성과 함께 사용하세요.
maxlength	number	은 입력 필드의 최대 문자 길이를 지정합니다.
min	number date	은 입력 필드의 최소값을 지정합니다. 적법한 값 범위를 생성하려면 "max" 속성과 함께 사용하세요.
multiple	multiple	이 속성을 사용하면 둘 이상의 값이 허용됩니다.
name	field_name	은 입력 요소의 이름을 정의합니다.
pattern	regexp_pattern	입력 필드 값의 패턴 또는 형식을 지정합니다. 예를 들어, 패턴="[0-9]"는 입력 값이 0에서 9 사이의 숫자여야 함을 의미합니다.
placeholder	text	사용자가 입력 필드를 채우는 데 도움이 되는 프롬프트를 지정합니다.
readonly	readonly	은 입력 필드가 읽기 전용임을 지정합니다.
required	required	는 입력 필드의 값이 필수임을 나타냅니다.
size	number_of_char	은 입력 필드의 너비를 정의합니다.
src	URL	제출 버튼으로 표시되는 이미지의 URL을 정의합니다.
step	number	은 입력 단어의 올바른 숫자 간격을 지정합니다.
type	button checkbox file hidden image password radio reset submit 텍스트	은 입력 요소의 유형을 지정합니다.
value	value	은 입력 요소의 값을 지정합니다.
width	pixels %	은 입력 필드의 너비를 정의합니다. (type="image"에 적용 가능)