如何使文本框内容始终为大写

Question

i want to make the value of a textbox in a form always in uppercase and i use this code

<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>

but when i click the submit button, the textbox that i give that code for the uppercase text. the data that i get from that textbox is change into lowercase (inside of my database)

Answer 1

In the front-end you use css to target the input type text and use text-transform to uppercase : below is a working fiddle.

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

}

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

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

Then in your server side use php's strtoupper() function to convert the text to uppercase

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

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


        echo $nopol;

     }

     ?>

</div>