Комментарий: уникальный CSS, уникальный для Webkit, может управлять стилем текста. Благодаря эффектам анимации и псевдо-категории CSS3 мы можем легко создать поле ввода анимации, которая очень подходит для входа в систему, поиска и т. Д. Если вы заинтересованы, вы можете обратиться к следующей статье или помочь вам.
Я давно не писал техническую статью. Я недавно использовал Webkit в качестве носителя. Конечно, мне нужно использовать HTML5 и CSS3 в больших количествах, что не только уменьшает много JS, но и обеспечивает более плавную.Когда диалоговое окно выбрано, текст подсказки станет легче и исчезнет после ввода. Текущая практика состоит в том, чтобы добавить метку за входной тегом. Используйте JS Control.
После появления HTML5 у нас лучший подход.
<input type = "text" Placeholder = "Имя пользователя или адрес электронной почты"/>
Мы видим, что есть тег заполнителя, который можно использовать в качестве текстовой приглашения пользователя. Это очень удобно. Но чтобы достичь наилучшего совершенства, нам нужно облегчить текст после его выбора или изменить стиль приглашенного файла. Что мы должны делать?
input ::-webkit-input-placeholder {
Цвет: #999;
-Вебкит-транзиция: цвет.5s;
}
Ввод: Focus ::-Webkit-Input-Placeholder, Input: Hover ::-Webkit-Input-Placeholder {
Цвет: #C2C2C2;
-Вебкит-транзиция: цвет.5s;
}
-Вобкит-ввода-то, уникальный CSS, уникальный для Webkit, может управлять стилем текста внутри. Благодаря эффектам анимации и псевдо-классам CSS3 мы можем легко создать поле ввода анимации, которая очень подходит для входа в систему, поиска и других мест. Конечно, этот метод не будет работать, чтобы быть совместимым с IE6. Тем не менее, IE9 также поддерживает тег заполнителя, но его цвет не может быть изменен.
Итак, что мне делать, если это не поддерживается? Вы можете просто использовать jQuery, чтобы помочь, так что это не в пределах действия этой статьи.
Дайте демонстрацию, и демо -адрес должен быть в браузере Webkit, чтобы увидеть полный эффект. Разве это не очень удобно?