> 웹 프론트엔드 > H5 튜토리얼 > 입력의 URL 유형 및 이메일 유형 소개 element_html5 튜토리얼 기술

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

WBOY
풀어 주다: 2016-05-16 15:51:07
원래의
1603명이 탐색했습니다.

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





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

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

2. 이메일 유형:

 


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

이해가 안 되는 부분이 있으면 스크립트 하우스에 직접 메시지를 남겨주시면 최대한 빨리 답변해 드리겠습니다.
이것을 이해하셨다면 직접 연습하고 연습문제를 게시하여 모두가 함께 발전할 수 있도록 도와주세요!
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿