입력의 URL 유형 및 이메일 유형 소개 element_html5 튜토리얼 기술

과거에는 웹페이지 입력 상자를 만들 때 JS 검증을 많이 사용했지만 이제 HTML5를 사용하면 이 효과를 작성하는 것이 더 이상 번거롭지 않습니다. 두 가지 새로운 유형의 HTML5 입력 애플리케이션을 소개하겠습니다.
1. URL 유형 :

이 유형을 설정한 후 등장 지점부터 of view 일반 요소와 거의 동일하지만, 이 유형을 폼에 넣고 submit 버튼을 클릭하면, 이 입력창에 입력한 내용이 URL 주소가 아닌 경우 submit되지 않습니다.

작동 효과는 다음과 같습니다.

2. 이메일 유형:

 

위 URL 유형 코드의 유형을 이메일로 변경하면 양식이 제출될 때 이 입력란의 내용이 이메일 형식인지 자동으로 확인합니다. 제출할 수 없습니다.

이해가 안 되는 부분이 있으면 스크립트 하우스에 직접 메시지를 남겨주시면 최대한 빨리 답변해 드리겠습니다.
이것을 이해하셨다면 직접 연습하고 연습문제를 게시하여 모두가 함께 발전할 수 있도록 도와주세요!