Question

我想知道如何在输入区域自动创建单词的第一个字符目前我的代码是

Name:<input type='text' name='name' class='name' placeholder='Enter your name here'/>

Answer 1

您可以尝试：DEMO

Name:<input type='text' name='name' class='name' style="text-transform: capitalize;" placeholder='Enter your name here'/>

或在{c}中的text-transform: capitalize;中添加name。

Answer 2

使用CSS（text-transform：capitalize）的问题是，在提交表单时，名称将以小写名称提交。

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也会强制所有CAPS大写。

在这里查看小提琴：https://jsfiddle.net/cgaybba/6rps8hfo/

Answer 3

我认为还应该提到的是，如果表单是在移动设备上，您可以使用autocapitalize属性。 see here for documentation

Answer 4

更新你的css

.name { text-transform: capitalize; }

Answer 5

试试这个

HTML CODE

<input type='text' name='name' class='name' placeholder='Enter your name here'/>

CSS代码

<style>
 .name 
{
    text-transform:capitalize;
}
 </style>

Answer 6

只包含 → style="text-transform:capitalize;"在您的输入标签内。

在输入中输入每个单词的第一个字符

6 个答案: