Css capitalize 不会影响 http-post

Question

我注意到，当我使用 css text-transform:capitalize; 将此输入与 http-post 一起发送到另一个页面时，它不会影响此表单元素的值。

1. 为什么？
2. 有没有不使用 php 的 ucwords() 的解决方法？

Answer 1

答案，简而言之:

1. 因为 CSS 仅更改数据的表示，不底层数据本身。

2. 我想不到。除非您愿意在提交表单之前使用 JavaScript 将单个单词大写？

但是，如果您愿意使用 JavaScript:

var form = document.getElementById('form'),
    input = form.getElementById('input');

function capitalizeInput(elem){
    var inputString = elem.value;
    var capitalizedString = inputString.replace(/(\b[a-z])/g, function(char){return char.toUpperCase();});
    return capitalizedString;
}

form.onsubmit = function(){
    this.value = capitalizeInput(input);
    return false;
};

JS Fiddle demo .

显然，这是功能的简化得多的演示，但我认为这足以让您入门，尽管前提是您打算走这条路。而且，如果您这样做，请记住您也必须在服务器端进行验证。

引用资料:

• > Mozilla Developer Network RegExp page .
• > .replace() .