汽车为桌面浏览器capitilize Html文本框[铬，Safari，Firefox ...]

我在网上搜索，但所有的解决方案都是移动只。 Chrome，Firefox或Safari等桌面浏览器是否有任何autocapitalize属性不在移动设备中。汽车为桌面浏览器capitilize Html文本框[铬，Safari，Firefox ...]

我真正想要做的是，我想创建一个输入文字，并在场景中，当用户类型的东西，输入必须用大写字母

开始有没有办法做到这一点

来源

2013-12-11 Mehmet Eren Yener

可能重复的[使得在CSS的第一个字符大写]（http://stackoverflow.com/questions/5577364/make-the-first-character-uppercase-in- css） –

文本应该以大写字母显示，还是应该实际更改，以便表单提交时提交的输入有大写字母？ –

尝试：

input { 
    text-transform: capitalize; 
}

See this fiddle here

要在回答延长，如果你想第一个字母上提交资本化，你需要以添加一些JavaScript，例如：

$('input[type="text"]').keyup(function(evt){ 

     // force: true to lower case all letter except first 
     var cp_value= ucfirst($(this).val(),true) ; 

     // to capitalize all words 
     //var cp_value= ucwords($(this).val(),true) ; 


     $(this).val(cp_value); 

    });

（From this post）

或者在服务器侧执行某些后处理（例如，通过使用例如的in phpucfirst($string);

来源

2013-12-11 17:01:00 SW4

感谢您的解决方案，它适用于每个浏览器 –

@ user1929072这是否回答您的问题？请注意，虽然此**显示**大写字母的文本，但实际文本保持不变。所以当表单提交时，你会得到没有大写字母的文字。 –

@Nic，我已经用一些选项扩展了答案 – SW4

input{ 
    text-transform: capitalize; 
}

http://jsfiddle.net/RtA4k/

来源

2013-12-11 17:04:38

汽车为桌面浏览器capitilize Html文本框[铬，Safari，Firefox ...]

回答

相关问题