HTML의 새로운 양식 속성
HTML5의 <form> 및 <input> 태그에 몇 가지 새로운 속성이 추가되었습니다.
<form>새 속성:
자동 완성
검증 없음
<input> 새 속성:
autocomplete
autofocus
form
formaction
formenctype
formmethod
formnovalidate
formtarget
높이 및 너비
목록
min 및 max
다중
패턴(정규 표현식)
자리 표시자
필수
단계
autocomplete 속성은 양식 또는 입력 필드에 자동 완성 기능이 있어야 함을 지정합니다.
사용자가 자동 완성 필드에 입력을 시작하면 브라우저는 해당 필드에 채워진 옵션을 표시해야 합니다.
팁: 자동 완성 속성은 양식 요소에서 활성화될 수 있지만 입력 요소에서는 비활성화될 수 있습니다.
참고: 자동 완성은 <form> 태그뿐만 아니라 텍스트, 검색, URL, 전화, 이메일, 비밀번호, 날짜 선택기, 범위 및 색상과 같은 <input> 태그에도 적용됩니다.
<form> novalidate 속성
novalidate 속성의 부울 속성입니다.
novalidate 속성은 제출 시 지정합니다. 양식 양식 또는 입력 필드의 유효성을 검사해서는 안 됩니다.
<input> autofocus 속성
autofocus 속성은 부울 속성입니다.
autofocus 속성은 다음과 같습니다. 페이지가 로드되면 도메인이 자동으로 포커스를 받습니다.
<input> 양식 속성
양식 속성은 입력 필드가 속하는 하나 이상의 양식을 지정합니다.
팁: 두 개 이상의 양식을 참조하려면 공백으로 구분된 목록을 사용하세요.
<input> formaction 속성
formaction 속성은 양식 제출의 URL 주소를 설명하는 데 사용됩니다.
formaction 이 속성은 <form> 요소의 action 속성을 재정의합니다.
참고: formaction 속성은 type="submit" 및 type="image"에 사용됩니다.
<input> formenctype 속성
formenctype 속성은 양식에서 서버로 제출된 데이터의 인코딩을 설명합니다(양식 양식의 method="post" 양식에만 해당).
formenctype 속성 양식 요소의 enctype 속성을 재정의합니다.
주로: 이 속성은 type="submit" 및 type="image"와 함께 사용됩니다.
<input> formmethod 속성
formmethod 속성은 양식이 제출되는 방식을 정의합니다.
formmethod 속성은 <form> 요소의 method 속성을 재정의합니다.
참고: 이 속성은 type="submit" 및 type="image"와 함께 사용할 수 있습니다.
<input> formnovalidate 속성
novalidate 속성은
novalidate 속성을 설명합니다. ; 양식 제출 시 요소의 유효성을 검사할 필요가 없습니다.
formnovalidate 속성은 <form> 요소의 novalidate 속성을 재정의합니다.
참고: formnovalidate 속성은 type="submit
과 함께 사용됩니다.<input> formtarget 속성
formtarget 속성은 양식 제출 데이터를 수신한 후 표시할 이름이나 키워드를 지정합니다.
formtarget 속성은 <form> 요소의 target 속성을 재정의합니다.
참고: formtarget 속성은 type="submit" 및 type="image"와 함께 사용됩니다.
<input> 높이 및 너비 속성
높이 및 너비 속성은 유형의 <input> 태그에 사용되는 이미지 높이와 너비를 지정합니다. 영상.
참고: 높이 및 너비 속성은 이미지 유형의 <input> 태그에만 적용됩니다.
팁: 이미지는 일반적으로 높이와 너비 속성을 모두 지정합니다. 이미지에 높이와 너비가 설정된 경우 페이지가 로드될 때 이미지에 필요한 공간이 유지됩니다. 이러한 속성이 없으면 브라우저는 이미지의 크기를 알 수 없으며 적절한 공간을 확보할 수 없습니다. 이미지로 인해 로드 프로세스 중에 페이지 레이아웃 효과가 변경됩니다(이미지가 로드된 경우에도).
<input> 목록 속성
목록 속성은 입력 필드의 데이터 목록을 지정합니다. datalist는 입력 필드에 대한 옵션 목록입니다.
<input> min 및 max 속성
min, max 및 step 속성은 숫자가 포함된 입력 유형에 대한 제한을 지정하는 데 사용됩니다. 또는 날짜.(제약)
참고: min, max 및 step 속성은 날짜 선택기, 숫자 및 범위와 같은 <input> 태그 유형에 적용됩니다.
<input> 다중 속성
다중 속성은 부울 속성입니다.
다중 속성은 <input> ; 요소는 여러 값을 선택할 수 있습니다.
참고: 다중 속성은 이메일 및 파일과 같은 <input> 태그 유형에 적용됩니다. : 이메일 및 파일.
<input> 패턴 속성
pattern 속성은 <input> 요소의 값.
참고: 패턴 속성은 텍스트, 검색, URL, 전화번호, 이메일, 비밀번호 등의 <input> 태그 유형에 적용됩니다.
팁: 전역 제목 속성 모드.
<input> 자리 표시자 속성
자리 표시자 속성은 입력 필드에서 예상하는 값을 설명하는 힌트를 제공합니다. .
사용자가 값을 입력하기 전에 입력 필드에 간단한 프롬프트가 표시됩니다.
참고: 자리 표시자 속성은 텍스트, 검색, URL, 전화, 이메일, 비밀번호 등의 <input> 태그 유형에 적용됩니다.
<input> 필수 속성
필수 속성은 부울 속성입니다.
필수 속성은 제출 전에 지정해야 합니다. 입력 필드를 채웁니다(비워둘 수 없음).
참고: 필수 속성은 텍스트, 검색, URL, 전화, 이메일, 비밀번호, 날짜 선택기, 숫자, 확인란, 라디오 및 파일과 같은 <input> 태그 유형에 적용됩니다.
<input> 단계 속성
단계 속성은 입력 필드의 유효한 숫자 간격을 지정합니다.
step="3"인 경우 유효한 숫자는 -3, 0, 3, 6 등입니다.
팁: step 속성을 max 및 min 속성과 함께 사용하여 생성할 수 있습니다. 범위 값.
참고: 단계 속성은 숫자, 범위, 날짜, 날짜/시간, 날짜/시간-로컬, 월, 시간 및 주 유형과 함께 사용됩니다.
아래에서는 자주 사용되는 몇 가지 속성을 설명했습니다. 코드와 코드 옆의 주석을 직접 보고 브라우저의 실행 결과를 비교해 보면 그 의미를 이해할 수 있습니다