HTML5 양식 속성 학습 (2 부) - SitePoint

이것은 실제 세계를위한

html5 & css3에서 발췌 한, Alexis Goldstein, Louis Lazaris 및 Estelle Weyl의 2 판 는 주요 html5 양식 속성을 탐구합니다. 이 책은 상점과 전자 책으로 구입할 수 있습니다. 주요 개념 :

속성 : 정규 표현식에 대한 사용자 입력을 확인합니다. 자유 형식 텍스트 필드에 필수적으로 데이터가 특정 형식에 부합합니다. 브라우저 오류 메시지 및 툴팁을 향상시키는 속성을 ​​사용하여 필요한 패턴을 사용자에게 알리십시오. 정규 표현 자체는 복잡 할 수 있지만 쉽게 이용 가능한 자원은 도움이 될 수 있습니다.

• 속성 :

  폼 컨트롤과의 사용자 상호 작용을 방지합니다. 특정 기준이 충족 될 때까지 필드를 조건부 비활성화하는 데 유용합니다. CSS의 의사 클래스는 비활성화 된 요소의 스타일링을 허용합니다. 비활성화 된 필드는 양식으로 제출되지 않습니다 pattern 속성 : title 편집을 방지하지만 필드 값의 초점 및 제출을 허용합니다. 정보를 표시하는 데 이상적인 사용자는 미리 채워진 데이터와 같이 수정할 수 없습니다.

• 속성 : 는 둥지 구조 외부의 양식과 형태 요소를 연결합니다. ID를 사용하여 요소를 다른 형식에 연결하여 네 가지 형태의 제한을 해결합니다. 이 속성을 제거하려면 disabled가 필요합니다. :disabled

  속성 :
다양한 입력 유형 (파일, 이메일)에서 여러 값을 선택할 수 있습니다. 이 속성으로
• 입력에 대한 브라우저 지원은 제한되어 있습니다. 유효한 이메일 구문이 아니더라도 쉼표 이후의 공간이 iOS에 이메일 입력을 허용합니다.

  readonly 속성 : 컨트롤 브라우저 자동 완성.

  로 설정하면 민감한 데이터에 권장되는이 기능을 비활성화합니다. 브라우저 동작은 개발자 설정을 무시할 수 있습니다

• 및 속성 : form 입력 필드에 대한 제안 된 값의 드롭 다운 목록을 만듭니다. 사파리를 제외하고는 널리 지원됩니다. 요소와 요소와 입력 필드의 속성을 ​​결합합니다. el.removeAttribute('form')

속성 :
• 는 페이지로드의 특정 요소에 자동으로 초점을 맞 춥니 다. 일반적으로 유용성과 접근성 이유에 대해 낙담했습니다. 페이지 당 하나의 요소만이 속성을 가질 수 있습니다

추가 속성 :

, , , alt (이미지의 경우), src, height (숫자와 날짜의 경우), , width, step, , min, max, , , dirname, , formaction, , formenctype 및 formmethod 자주 묻는 질문 (FAQS) : formnovalidate <: :> 그림 4.4 : Firefox의 Datalist formtarget

위 내용은 HTML5 양식 속성 학습 (2 부) - SitePoint의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!