如何使文本框的內容總是大寫

我想在始終以大寫形式的文本框的值，我用這個代碼如何使文本框的內容總是大寫

<tr> 
      <td width=70>No. Polisi</td> 
      <td width=10>:</td> 
      <td width=30> 
      <input type="text" id="nopol" type="text" name="nopol" maxlength="10" size="26" style="text-transform:uppercase" /> </td> 
      <td width=1></td> 
     </tr>

，但是當我點擊提交按鈕，我給文本框該代碼爲大寫文本。我從文本框得到的數據是（在我的數據庫）

來源

2017-04-06 Jack Henaldy

您將需要使用你的服務器端代碼來做到這一點 - 什麼服務器端你用什麼語言將數據放入數據庫？ – Pete

我使用php和ajax的點擊功能 –

你可以使用['strtoupper']（http://php.net/manual/en/function.strtoupper.php）上的php變量，然後將其發送到數據庫並在前端使其成爲大寫字母，您可以在您的css – Pete

在前端您使用css來定位輸入類型文本並使用文本轉換爲大寫：下面是一個工作小提琴。

input[type="text"]{ 
 
text-transform : uppercase 
 

 
}

<form action=""> 
 
\t <input type="text" id="nopol" type="text" name="nopol" maxlength="10" size="26"> 
 

 
\t <input type="submit" name="submit" formmethod="POST"> 
 
</form>

在服務器端使用PHP的 strtoupper()功能轉換

然後文本爲大寫

<?php 
    if(isset($_POST['submit'])){ 

      $nopol = strtoupper($_POST['nopol']); 


     echo $nopol; 

    } 

    ?>

來源

2017-04-06 09:03:23

添加到您的html

<input id="nopol" type="text" name="nopol" maxlength="10" size="26" style="text-transform:uppercase" onkeydown="upperCaseF(this)"/>

添加你的JavaScript改變成小寫

function upperCaseF(a){ 
    setTimeout(function(){ 
     a.value = a.value.toUpperCase(); 
    }, 1); 
}

來源

2017-04-06 08:44:32

如果用戶的瀏覽器js禁用？ –

文本轉換：大寫是CSS屬性。它隻影響用戶顯示。要將其轉換爲大寫，採用javascript或jquery的

<table> 
    <tr> 
      <td width=70>No. Polisi</td> 
      <td width=10>:</td> 
      <td width=30> 
      <input type="text" id="nopol" type="text" name="nopol" maxlength="10" size="26" style="text-transform:uppercase" /> </td> 
      <td width=1></td> 
     </tr> 

    <tr> 
    <td> 
     <input type="submit" value="submit"/ onclick="getValue()"> 
    </td> 
    </tr> 
</table>

編寫JavaScript函數

function getValue() { 
alert(document.getElementById('nopol').value.toUpperCase()); 
}

https://codepen.io/SESN/pen/zZQKxW?editors=1111

來源

2017-04-06 08:45:22 SESN

我已經嘗試幾乎與您的代碼相同，但是當我將數據提交到我的數據庫時，文本將更改爲小寫 –

在php中打印發布數據以查看是否獲取大寫字母。在發送Ajax數據之前，確保你已經將val轉換爲大寫。 – SESN

當我將數據輸入到數據庫時，它會將數據更改爲大寫？ –

使用

style="text-transform:uppercase"

只做一個視覺改造。您的實際輸入將保留您輸入的格式。將數據發佈到服務器以便將其保存爲大寫字符後，必須將其轉換爲UPPER。

來源

2017-04-06 08:50:41 MartinMNzioki

如何使文本框的內容總是大寫

回答

相關問題