wulin.com의 기사 소개 (www.vevb.com) : XHTML5 예 : HTML5 양식 확인.
웹 페이지가로드되면 커서는 이메일 로그인 페이지에서 사용자 이름을 입력하는 등 사용자가 입력 해야하는 위치에 자동으로 초점을 맞 춥니 다. 이전에는 JavaScript 코드를 사용하여 웹 페이지에 올릴 때 초점을 맞추기 위해 특정 입력 상자를 지정해야했습니다. 이제 HTML 5는 입력 상자에 자동 초점 속성을 추가하는 것을 직접 지원합니다.
1 <입력 유형 = 텍스트 ID = 사용자 이름 이름 = 사용자 이름 자동 초점 />
전에는 입력 상자의 신속한 정보를 구현하기 위해 JavaScript의 OnBlur 및 OnFocus를 사용해야했지만 이제는 자리 표시 자 속성 만 추가하면됩니다.
1 <입력 유형 = 이메일 id = uemail name = uemail [email protected] 필수 />
판단에 필요한 항목
데이터 형식을 결정하십시오
직접 드래그 할 수있어 각 드래그의 최소값, 최대 값 및 스텝 크기를 설정할 수 있습니다.
1 <입력 유형 = 범위 min = 1 max = 100 step = 10 name = s />
오른쪽의 위쪽 및 아래쪽 화살표를 클릭하여 작업을 직접 추가하거나 빼게 할 수 있습니다.
현재 인기있는 AJAX 입력 프롬프트 또는 편집 가능한 드롭 다운 메뉴로 사용할 수 있습니다. 직접 입력하거나 직접 선택하여 선택할 수 있습니다.
1 <입력 ID = 검색 유형 = URL 목록 = 검색 목록 필수 />
2 <datalist id = searchList>
3 <옵션 값 = 레이블 = Google />
4 <옵션 값 = label = yahoo />
5 <옵션 값 = 레이블 = bing />
6 <옵션 값 = label = baidu />
7 </datalist>
완전한 데모 : 최신 버전의 Chrome+Oprea를 사용하여 함께 탐색하여 모든 효과를 확인하십시오.