Issue
I am using the following style attribute to set the user input to uppercase so that when the user starts typing in the text box for example railway
, then it should be altered to capital letters like RAILWAY
without the user having to press the Caps-lock button.
This is the code I am using for the input:
<input type = "text" class = "normal" name = "Name" size = "20" maxlength = "20"> <img src="../images/tickmark.gif" border="0" style='text-transform:uppercase'/>
But I am not getting the desired output by using this attribute.
Solution
You've put the style
attribute on the <img>
tag, instead of the <input>
.
It is also not a good idea to have the spaces between the attribute name and the value...
<input type="text" class="normal"
name="Name" size="20" maxlength="20"
style="text-transform:uppercase" />
<img src="../images/tickmark.gif" border="0" />
Please note this transformation is purely visual, and does not change the text that is sent in POST.
NOTE: If you want to set the actual input value to uppercase and ensure that the text submitted by the form is in uppercase, you can use the following code:
<input oninput="this.value = this.value.toUpperCase()" />
Answered By - freefaller
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.