Проблема с использованием CSS (text-transform: capize) заключается в том, что при отправке формы имя будет передаваться с нижним регистром.
CSS хорошо подходит для косметики, но не для функциональности.
Вы можете использовать JQuery, чтобы заставить функциональные заглавные буквы в полях ввода:
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
$('.name').keyup(function(event) {
var textBox = event.target;
var start = textBox.selectionStart;
var end = textBox.selectionEnd;
textBox.value = textBox.value.charAt(0).toUpperCase() + textBox.value.slice(1).toLowerCase();
textBox.setSelectionRange(start, end);
});
});
</script>
Поместите этот код между <head> </head>
на странице, где находится ваша форма.
Выше jQuery также заставит ALL CAPS использовать команду «Заглавие».
Заканчивать скрипку здесь: https://jsfiddle.net/cgaybba/6rps8hfo/
Так вы хотите, чтобы выглядеть по-другому, или на самом деле стать другим? CSS не может сделать последнее. –
Возможный дубликат [сделать первый символ в верхнем регистре в css] (http://stackoverflow.com/questions/5577364/make-the-first-character-uppercase-in-css) –