Question

我使用text-transformation = uppercase来制作表单输入标准，我看到当我输入字段时，第一个字母大写。问题是，当我使用_POST时，封面会转换为小写，如print_r中的此示例所示：

数组（[FName_val] =＆gt; john [LName_val] =＆gt; stephen [Equipment_Borrowed_val] =＆gt;相机[Service_Tag_val] =＆gt; 233222 [Borrwd_Rsn_val] =＆gt;借用[Date_Taken_val] =＆gt; [Exp_Date_Return_val] =＆GT; [Comments_val] =＆gt; ）

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只会改变外观而不是真实数据，你应该使用JS toUpperCase()方法。

检查这个小提琴：

http://fiddle.jshell.net/prollygeek/n7dadt8a/

Answer 2

CSS不会修改输入的实际值，您可以在发送数据之前使用Javascript来大写值，或者最好（因为您不能期望每个人都启用JS）使用PHP来修改它到达服务器：

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

$ _POST＆amp;文本转换未按预期进行交互

2 个答案: