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

前端之家收集整理的这篇文章主要介绍了html – 为什么CSS中的文本转换在表单中提交时不保持转换(大写)?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

所以,如果我有代码

.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();
}  
最佳答案
CSS仅用于内容呈现.因此,它不会更改用户输入的值,也不会更改表单提交给数据库的值.

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

对于低安全性要求,您通过JavaScript处理它的想法应该有效;只需在提交表单之前触发toUpCase函数.

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

原文链接:https://www.f2er.com/css/427573.html

猜你在找的CSS相关文章