css - $_POST 和文本转换未按预期交互

Question

我正在使用 text-transformation=uppercase 使表单输入成为标准，我发现当我在字段中键入时，第一个字母被大写。问题是当我使用 _POST 时，上限被转换为小写，如 print_r 中的示例所示:

Array ( [FName_val] => john [LName_val] => stephen [Equipment_Borrowed_val] => camera [Service_Tag_val] => 233222 [Borrwd_Rsn_val] => Borrowed [Date_Taken_val] => [Exp_Date_Return_val] => [Comments_val] => )

同样的事情发生在 LName_val 上

HTML 是:

 First Name:<input type="text" name="FName_val" maxlength="12" size="12"  placeholder="*" class="input_style" /><br /><br />

 Last Name:<input type="text" name="LName_val" maxlength="36" size="12" placeholder="*" class="input_style" /><br /><br />

CSS 是:

.input_style[type=text], .input_style[type=date]  {
    background: white;
    border: 2px solid #87CEFA;
    border-radius: 25px;
    -moz-box-shadow:    inset 0 0 10px #87CEFA;
    -webkit-box-shadow: inset 0 0 10px #87CEFA;
    box-shadow:         inset 0 0 10px #87CEFA;
    background-color:Ivory;
    padding: 5px 10px;
    width: 165px;
    outline: none;
    text-transform:capitalize;
}

这看起来很简单，但我想不通。当我用我在这个网站上找到的一些 javascript 来做同样的事情时，也会发生同样的事情。有人遇到过这个问题吗？

Answer 1

CSS 不会修改输入的实际值，您可以在发送数据之前使用 Javascript 将值大写，或者最好(因为您不能指望每个人都启用 JS)一旦到达就使用 PHP 修改它服务器:

$_POST['FName_val'] = ucfirst($_POST['FName_val']);