Commentaire: Je crois que tout le monde connaît les améliorations de HTML5. Ce que je veux introduire ci-dessous, ce sont deux nouveaux types d'éléments d'entrée, e-mail et URL. Suivons le code pour voir leurs avantages. Les amis intéressés peuvent y faire référence.
Dans le billet de blog précédent, nous avons discuté de certaines améliorations HTML5, telles que l'espace réservé, la prélecture et le WebStorage. Ce que je veux introduire ci-dessous, ce sont deux nouveaux types d'éléments d'entrée: e-mail et URL. Suivons le code pour voir leurs avantages:Format de syntaxe:
La nouvelle propriété de type d'entrée utilisera un e-mail ou une URL au lieu du texte:
<! - Email, non @ + non @ symboles, vous pouvez également en utiliser d'autres,
Par exemple [a-za-z0-9] {3,30} @ [a-za-z0-9] + / w * /. (Com | cn | org | net) ->
<input type = "e-mail" modèle = "[^ @] * @ [^ @] *" value = "">
<! - URL ->
<input type = "url" value = "">
En utilisant le domaine de modèle unique de HTML5, vous pouvez fournir une expression régulière pour vérifier le format des adresses e-mail et URL, dont nous discuterons dans un autre article.
avantage
- Le style CSS spécial peut être personnalisé, entrée [type = e-mail]
- Le style CSS spécial peut être personnalisé, entrée [type = url]
- Des définitions plus sémantiques peuvent être faites
- Adaptabilité des applications mobiles: le navigateur mobile apparaîtra sur les claviers spéciaux pour les e-mails et les URL sans commutation manuelle d'utilisateur.
Au début, j'ai été dégoûté d'ajouter des types d'entrée inutiles, mais après avoir réfléchi profondément, je pense que c'est une bonne décision d'améliorer l'expérience utilisateur. Qu'en penses-tu?