Css大写不会影响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演示。

很明显，这是一个简单得多的功能演示，但我认为，这足以让您开始工作，尽管只是在您打算走这条路线的情况下。如果您这样做了，请记住，您的必须在服务器端验证也是。

参考文献：

• Mozilla开发人员网络RegExp页面。
• .replace()。

Answer 2

1)您正在对内容进行样式化，而不是修改它。

2)可以使用PHP的ucwords()，不是吗？)

Answer 3

CSS只会影响值的显示，而不会影响文本值本身。

你为什么不直接利用服务器端呢？

如果您的必须在客户端执行此操作，请参见以下问题：

将输入更改为上大写