如何禁用HTML和Bootstrap文本框的首字母自动大写功能？

嘿，这个情况挺常见的——浏览器或者移动端输入法经常会默认给文本框开启首字母自动大写，想要把大小写控制权完全交还给用户，只需要给你的input标签加上一个关键属性就行啦！

修改后的代码 #

<div class="form-group">
  <input 
    type="text" 
    name="city" 
    class="form-control" 
    list="city" 
    placeholder="Enter city" 
    required
    autocapitalize="none"
  />
</div>

关键属性说明 #

• autocapitalize="none"：这个属性直接告诉浏览器和输入法，不要对输入框内的内容做任何自动大写处理，用户输入的大小写会完全保留。

可选补充（增强兼容性） #

如果担心某些旧版本浏览器或者特定输入法的表现，还可以额外加上autocomplete="off"属性，进一步避免输入法的自动格式化行为：

<div class="form-group">
  <input 
    type="text" 
    name="city" 
    class="form-control" 
    list="city" 
    placeholder="Enter city" 
    required
    autocapitalize="none"
    autocomplete="off"
  />
</div>

需要注意的是，别用CSS的text-transform: none来凑数——这只是改变显示样式，实际输入到文本框的内容还是会被输入法自动大写，没法从根源解决问题。

内容的提问来源于stack exchange，提问作者virat121