HTML5: багофича c атрибутом placeholder у элементов input

placeholder HTML5: багофича c атрибутом placeholder у элементов input css tricks Опытным путём выяснилась одна интересная особенность обработки атрибута placeholder у текстовых элементов ввода input на странице. Сам по себе атрибут добавляет текст по умолчанию в случае, если поле еще не заполнено пользователем. Его можно стилизовать с помощью CSS, но общий стиль, применяемый целиком к input[type=text] влияет на отображение, например, в Firefox 4 и IE 9.

Например, если мы разрабатываем форму, в которую пользователь вводит имя, мы можем сделать каждое вводимое в поле слово с заглавной буквы, применив такой стиль:

form input[type=text]{
    text-transform: capitalize;
}

В результате Chrome отобразит placeholder так, как мы зададим его. В свою очередь Firefox и IE отобразят каждое слово в input-е с заглавной буквы, что в какой-то степени является ожидаемым поведением, но не совсем правильным. В итоге в любом случае ограничится только CSS при желании сделать подобное поведение в форме не получается — приходится использовать Javascript.

Rambler's Top100