HTML5에는 어떤 새로운 입력 유형과 속성이 추가되나요?

새로운 유형: 색상, 날짜, 날짜/시간, 이메일, 월, 숫자, 전화번호, 시간, URL, 주 등 새로운 속성: 자동 초점, 양식, 최대, 최소, 패턴, 단계, 목록 등

(권장 튜토리얼: html 튜토리얼)

HTML5의 새로운 입력 유형 및 해당 속성

HTML4.01에서 입력 유형은 텍스트, 버튼, 비밀번호, 제출, 라디오, 체크박스 및 숨김뿐입니다. (숨겨진 필드). H5에는 사용하기 더 편리한 몇 가지 새로운 유형이 추가되었습니다.

범위 내의 숫자를 입력하세요. 범위를 벗어난 숫자를 수동으로 입력할 수 있지만 제출할 수는 없습니다.

• 전화
전화번호를 입력하세요. Safari에서만 지원됩니다.

이메일

감지 기능이 내장되어 있습니다. 함수를 제출하면 @ 기호가 포함되어 있는지, 그 앞이나 뒤에 @ 기호가 포함되어 있는지 감지합니다.

• 
  range
  

• url
  입력한 URL은 http로 시작해야 합니다. :// 뒤에 문자가 있어야 합니다. 그렇지 않으면 제출할 수 없습니다.

• date
  날짜를 수동으로 선택할 수 있습니다.

• 
  time

  시간을 수동으로 선택할 수 있습니다.

• 
  

datetime
• 선택 시간대가 포함된 날짜 및 시간, 즉 Firefox 및 Chrome은 지원되지 않습니다.

  
  
  datetime-local

• 시간대 없이 날짜 및 시간을 선택하세요.

  
  
  month

• 날짜 유형과 동일하지만 가능하다는 점만 제외됩니다. 월만 선택하세요

  
  

week

• 
  주만 선택할 수 있습니다. 이 날짜 방법은 중국에서는 거의 사용되지 않습니다
  

search

• 검색 문자열을 입력하는 데 사용되는 텍스트 필드를 정의합니다.
  
  

일부 새로운 공통 속성:

• 
  autocomplete
  선택적 값 on/off, 브라우저가 이전에 사용자가 입력한 내용을 기반으로 자동으로 채우거나 허용하지 않음을 나타냅니다. Autofill

• autofocus

  페이지가 로드됩니다

  
  

form

양식 외부의 입력은 하나 이상의 양식에 속하며 양식 속성은 속한 양식의 id 값을 가리킨다고 규정됩니다. 여러 양식에 속할 경우 ID에 공백을 추가합니다.

• list

  
  

list는 참조된 데이터 목록을 가리킵니다(기능은 select와 동일하지만 웹 페이지에 표시되지 않음). 페이지는 다음과 같습니다(오른쪽 선택 항목을 클릭하면 측면이 확장될 때만 확장됩니다):

• 
  

  - formaction
• 은 양식이 제출될 때 입력 컨트롤을 처리하는 파일의 URL을 지정합니다. (type="submit" 및 type="image"에만 해당)

  
  - formenctype

은 서버에 제출할 때 양식 데이터가 인코딩되는 방법을 지정합니다(type="submit" 및 type="image"에만 해당).

• - formmethod

는 양식 데이터를 작업 URL로 보내는 HTTP 메서드를 정의합니다. (type="submit" 및 type="image"에만 적합)

- formnovalidate

formnovalidate 속성은

요소의 novalidate 속성을 재정의합니다.
-formtarget

은 양식 제출 후 받은 응답의 이름이나 키워드를 표시할 위치를 지정합니다. (type="submit" 및 type="image"에만 적합)

- height

는 요소의 높이를 지정합니다. (type="image"에만 해당)

- min

숫자, 범위, 날짜, 날짜/시간, datetime-local, 월, 시간에 적용 가능한 입력의 최소값을 지정합니다.

- max

최대값을 지정합니다. 입력 시 동일하게 적용됩니다. 숫자, 범위, 날짜, 날짜/시간, 날짜/시간-현지, 월, 시간

- 다중

다중 값이 허용되며 ","로 구분됩니다.

- 필수

항목을 반드시 입력해야 합니다. 즉, 비워둘 수 없으며 비어 있으면 제출되지 않습니다.

- 패턴

검증 관련 일반 규칙을 정의합니다. 형식에 "/ /"를 추가할 필요가 없다는 점에 유의하세요.

- 자리 표시자
사용자가 입력하기 전에 입력 상자에 표시되는 프롬프트 내용을 정의합니다. 일반적으로 밝은 회색입니다.

- 단계
정의 디지털 변경의 단계 Long, 즉 step="5"와 같이 각 변경의 단위입니다. 입력이 5의 정수 배수가 아닌 경우

-width

제출 시 잘못된 형식이 표시됩니다. 속성은 요소의 너비를 지정합니다. (type="image"에만 해당)

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 학습을 방문하세요! !

위 내용은 HTML5에는 어떤 새로운 입력 유형과 속성이 추가되나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!