의견 : 나는 모든 사람들이 HTML5의 개선을 알고 있다고 생각합니다. 아래에 소개하려는 것은 두 가지 새로운 입력 요소 유형, 이메일 및 URL입니다. 코드를 따라 그들의 혜택을 보자. 관심있는 친구들이 그것을 언급 할 수 있습니다.
이전 블로그 게시물에서는 자리 표시 자, 프리 페치 및 웹 스토리지와 같은 일부 HTML5 개선 사항에 대해 논의했습니다. 아래에서 소개하려는 것은 이메일과 URL의 두 가지 새로운 입력 요소 유형입니다. 코드를 따라 혜택을 보자.구문 형식 :
새 입력 유형 속성은 텍스트 대신 이메일 또는 URL을 사용합니다.
<!-이메일, 비@ + 비@ 기호, 다른 것들을 사용할 수 있습니다.
예를 들어 [a-za-z0-9] {3,30}@[a-za-z0-9]+/w*/. (com | cn | org | net)->
<입력 유형 = "이메일"Pattern = "[^@]*@[^@]*"value = "">
<!-url->
<입력 유형 = "url"value = "">
HTML5의 고유 한 패턴 도메인을 사용하면 정규 표현식을 제공하여 이메일 및 URL 주소의 형식을 확인할 수 있으며 다른 기사에서 논의 할 것입니다.
이점
- 특수 CSS 스타일은 사용자 정의 할 수 있습니다. 입력 [type = email]
- 특수 CSS 스타일은 사용자 정의 할 수 있습니다. 입력 [type = url]
- 더 많은 의미 론적 정의가 이루어질 수 있습니다
- 모바일 애플리케이션 적응성 : 모바일 브라우저는 사용자 설명서 전환없이 이메일 및 URL 용 특수 키보드를 나타냅니다.
처음에는 불필요한 입력 유형을 추가하는 데 혐오감을 느꼈지만 깊이 생각 한 후에는 사용자 경험을 향상시키는 것이 좋습니다. 어떻게 생각하나요?