Comentario: Creo que todos conocen las mejoras de HTML5. Lo que quiero introducir a continuación son dos nuevos tipos de elementos de entrada, correo electrónico y URL. Sigamos el código para ver sus beneficios. Los amigos interesados pueden referirse a él.
En la publicación de blog anterior, hemos discutido algunas mejoras HTML5, como marcador de posición, captación previa y WebStorage. Lo que quiero introducir a continuación son dos nuevos tipos de elementos de entrada: correo electrónico y URL. Sigamos el código para ver sus beneficios:Formato de sintaxis:
La nueva propiedad de tipo de entrada utilizará correo electrónico o URL en lugar de texto:
<!-correo electrónico, no@ + no@ símbolos, también puede usar otros,
Por ejemplo [A-ZA-Z0-9] {3,30}@[A-ZA-Z0-9]+/W*/. (COM | CN | Org | Net)->
<input type = "correo electrónico" patrón = "[^@]*@[^@]*" valor = "">
<!-url->
<input type = "url" value = "">
Usando el dominio de patrón único de HTML5, puede proporcionar una expresión regular para verificar el formato de las direcciones de correo electrónico y URL, que discutiremos en otro artículo.
ventaja
- Se puede personalizar el estilo CSS especial, entrada [type = correo electrónico]
- Se puede personalizar el estilo CSS especial, entrada [type = url]
- Se pueden hacer más definiciones semánticas
- Adaptabilidad de aplicaciones móviles: el navegador móvil aparecerá teclados especiales para correo electrónico y URL sin conmutación manual del usuario.
Al principio me disgusta agregar tipos de entrada innecesarios, pero después de pensar profundamente, creo que es un buen movimiento para mejorar la experiencia del usuario. ¿Qué opinas?