첫 번째 지식 포인트: 형태의 속성 및 요약
두 번째 지식 포인트: H5의 새로운 양식 컨트롤과 속성 및 요약
첫 번째 지식 포인트:일반적인 양식 유효성 검사는 무엇입니까?
텍스트 텍스트 상자 레이블
비밀번호 비밀번호 상자
체크박스 다중 체크박스
라디오 라디오 버튼
버튼 버튼
제출 제출 버튼
위는 일반적으로 사용되는 양식 속성 중 일부입니다.
두 번째 지식 포인트: H5 새로운 입력 제어(1) 이메일: 이메일 텍스트 상자, 일반 이메일과 다르지 않습니다.
1. 이메일 주소가 아닌 경우 인증에 실패합니다.
2. 모바일 키보드가 변경됩니다
(2) 전화: 전화번호
1. 주로 모바일 단말기에서 하나의 키보드 전환
(3) url: 웹페이지의 URL
올바른 URL을 입력하세요.
(4) 검색: 검색 엔진
1. 크롬에 텍스트를 입력하면 추가로 닫힌 x가 나타납니다.
(5) 범위: 특정 범위 내의 값 선택기
1.min, max, step(단계 수)
2. 예: js를 사용하여 현재 값 표시
(6) 숫자: 숫자만 입력할 수 있는 입력 상자
(7) 색상: 색상 선택기
(8) detetime은 전체 날짜를 표시합니다.
(9) 자동완성 : 사용자가 입력한 값을 저장할지 여부
기본값은 켜짐입니다. 프롬프트를 끄려면 꺼짐을 선택하세요.
(10): 입력 포커스를 얻기 위한 형식을 지정합니다.
(11): 이 항목은 필수 항목이므로 비워둘 수 없습니다.
첫 번째 입력란에만 입력하시면 두 번째 입력란이 팝업됩니다.
(12) parrern: 일반 검증 패턴=/d{1,5}
제가 설정한 정규식은 1~5개의 숫자입니다. 숫자가 아닐 경우 제출이 실패합니다.
요약위 내용은 에디터가 소개한 새로운 HTML5 폼 컨트롤과 폼 속성 예시 코드에 대한 자세한 설명입니다. 문의사항이 있으시면 메시지를 남겨주시면 에디터가 답변해 드리겠습니다. 시간!