Комментарий: я считаю, что все знают улучшения HTML5. Что я хочу представить ниже, так это два новых типа ввода элементов: электронная почта и URL. Давайте следим за кодом, чтобы увидеть их преимущества. Заинтересованные друзья могут ссылаться на это.
В предыдущем сообщении в блоге мы обсудили некоторые улучшения HTML5, такие как заполнители, предварительное вымпеление и веб -строительство. То, что я хочу представить ниже, - это два новых типа ввода: электронная почта и URL. Давайте следим за кодом, чтобы увидеть их преимущества:Синтаксический формат:
Новое свойство типа ввода будет использовать электронную почту или URL вместо текста:
<!-электронная почта, не@ + не@ символы, вы также можете использовать другие,
Например [a-za-z0-9] {3,30}@[a-za-z0-9]+/w*/. (Com | cn | org | net)->
<input type = "email" pattern = "[^@]*@[^@]*" value = "">
<!-url->
<input type = "url" value = "">
Используя уникальный домен HTML5, вы можете предоставить регулярное выражение для проверки формата адресов электронной почты и URL -адресов, которые мы обсудим в другой статье.
преимущество
- Специальный стиль CSS можно настроить, вход [type = email]
- Специальный стиль CSS может быть настроен, вход [type = url]
- Можно сделать более семантические определения
- Адаптируемость мобильных приложений: мобильный браузер появится специальные клавиатуры для электронной почты и URL -адресов без руководства пользователя.
Сначала я испытывал отвращение к добавлению ненужных типов вводов, но, глубоко задумавшись, я думаю, что это хороший шаг для улучшения пользовательского опыта. Что вы думаете?