>  기사  >  웹 프론트엔드  >  html5 입력에 새로운 속성이 있습니까?

html5 입력에 새로운 속성이 있습니까?

青灯夜游
青灯夜游원래의
2021-11-01 17:33:402573검색

html5 입력에는 자동 완성, 자동 초점, 양식, 높이, 목록, 최대, 최소, 다중, 패턴, 자리 표시자, 필수, 단계, 너비 등의 새로운 속성이 있습니다.

html5 입력에 새로운 속성이 있습니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

태그는 사용자가 데이터를 입력할 수 있는 입력 필드를 지정합니다.

요소는

요소에서 사용자가 데이터를 입력할 수 있는 입력 컨트롤을 선언하는 데 사용됩니다.

입력 필드는 유형 속성에 따라 다양한 방식으로 변경될 수 있습니다.

HTML5 입력 태그 새 속성

attribute value description
autocomplete on off autocomplete 속성은 요소 입력 필드가 자동 완성을 활성화해야 하는지 여부를 지정합니다.
autofocus autofocus 속성은 페이지가 로드될 때 요소가 자동으로 포커스를 얻도록 지정합니다.
form form_id form 속성은 요소가 속하는 하나 이상의 양식을 지정합니다.
formaction URL 속성은 양식이 제출될 때 입력 컨트롤을 처리하는 파일의 URL을 지정합니다. (type="submit" 및 type="image"에만 해당)
formenctype application/x-www-form-urlencoded 다중 부분/양식 데이터 text/plain 속성은 서버에 제출할 때 양식 데이터가 인코딩되는 방식을 지정합니다(type="submit" 및 type="image"에만 적합).
formmethod get post 는 양식 데이터를 작업 URL로 보내는 HTTP 메서드를 정의합니다. (type="submit" 및 type="image"에만 적합)
formnovalidate formnovalidate formnovalidate 속성은 요소의 novalidate 속성을 재정의합니다.
formtarget _blank _본인 _조상 _topframename 은 양식 제출 후 받은 응답의 이름이나 키워드를 표시할 위치를 지정합니다. (type="submit" 및 type="image"에만 적합)
height pixels 요소의 높이를 지정합니다. (type="image"에만 해당)
list datalist_id 속성은 요소에 대해 사전 정의된 옵션이 포함된 요소를 나타냅니다.
max 번호 date 속성은 요소의 최대값을 지정합니다.
min 번호 date 속성은 요소의 최소값을 지정합니다.
multiple multiple 속성은 사용자가 요소에 여러 값을 입력할 수 있음을 지정합니다.
pattern regexp pattern 속성은 요소의 값을 확인하는 데 사용되는 정규식을 지정합니다.
placeholder text placeholder 속성은 입력 필드의 예상 값을 설명하는 짧은 도구 설명을 지정합니다. .
required required 속성은 양식을 제출하기 전에 입력 필드를 채워야 함을 규정합니다.
step number step 속성은 요소에 대한 유효한 숫자 간격을 지정합니다.
width pixels width 속성은 요소의 너비를 지정합니다. (type="image"에만 해당)

추천 튜토리얼: "html 비디오 튜토리얼"

위 내용은 html5 입력에 새로운 속성이 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.