为什么CSS中的文本转换在表单中提交时不保持转换(大写)？

Question

所以,如果我有代码

.rsform-input-box {text-transform: uppercase;}

在特定于我们底部的表单字段的网站http://www.thediabetesnetwork.com上,您会看到在键入时转换为大写,但在您键入的情况下导出数据.例如,如果我键入Shane,它在视觉上显示了SHANE.在提交时,它将恢复到数据库中的Shane(之前的某个时刻).

我的问题是为什么它会这样做以及围绕选项的工作是什么？我的另一个选择是

 function toUpCase()
{
document.getElementById("first").value=document.getElementById("first").value.toUpperCase();
document.getElementById("last").value=document.getElementById("last").value.toUpperCase();
document.getElementById("email").value=document.getElementById("email").value.toUpperCase();
}  

Answer 1

CSS仅用于内容呈现.因此,它不会更改用户输入的值,也不会更改表单提交给数据库的值.

如果您的业务要求是仅接受数据库中的所有大写值,则最好在后端处理此问题.例如:$input = strtoupper($input);如果使用PHP.在后端执行此操作将确保即使用户已关闭JavaScript也会进行处理.

对于低安全性要求,您通过JavaScript处理它的想法应该有效; toUpCase在提交表单之前先激活你的功能.

从可用性的角度来看 - 担心进入数据库的内容并不是用户的工作; 他们可能不需要知道.但是,如果您在每次使用这些数据点时强制执行正确的案例 - 例如,在登录时,您将使他们的生活更轻松一些.