html - CSS 文本转换错误？

Question

我不确定我是不是在 css 或输入中偶然发现了一个错误..

我有一个在 css 中用于所有输入的表单

 text-transform: capitalize;

这对我输入的名字非常有用，例如我输入名字“peter”，它在文本框中显示为“Peter”，这非常棒并且效果很好..

我的问题是，当我将它提交到 mysql 数据库时，它被提交为“peter”。

我不知道这是设计使然还是错误，但如果是设计使然，是否有关于如何提交我想要的结果“Peter”的任何建议。

提前致谢。

Answer 1

这是设计使然； CSS 是一种前端 语言，只操纵客户端(最终用户看到的内容)。 CSS 纯粹是表现形式，不会影响 DOM、服务器端逻辑或数据库。服务器端的逻辑是name还是小写，value还是小写存入数据库。

如果您想将数据库值更新为大写，您要么必须将名称返回并大写提交到您的数据库(利用 PHP 的 ucfirst() 功能):

$string = 'peter';
echo $string; // 'peter' is written to the DOM
$capitalised = ucfirst($string);
echo $capitalised; // 'Peter' is written to the DOM

或者直接用MySQL的 CONCAT 更新数据库 功能:

CONCAT(UCASE(LEFT(field, 1)), SUBSTRING(field, 2));