[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 366
  • Last Modified:

lower to upper case

Hi experts,

Could you please provide a simple script to change lower to upper case for each field in a html form?

Regards,
0
alcani
Asked:
alcani
1 Solution
 
Ivo StoykovCommented:
Here is a variation:
    var inp = document.getElementsByTagName("input");
    for (var x = 0; x < inp.length; x++) {
        if (inp[x].getAttribute("type") != "text") {
            continue;
        }
        inp[x].value = inp[x].value.toLowerCase();
    }

Open in new window

hth

Ivo Stoykov
0
 
Scott Fell, EE MVEDeveloperCommented:
In css here is a working sample using a class you can attach to any element (div, p, span, li) http://jsbin.com/eferow/1/edit

code
<!DOCTYPE html>
<html>
<head>
  <style>
    .lowercase{text-transform: lowercase;}
  </style>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <div><span class="lowercase">CONVERT THIS,</span> NOT THIS</div>
</body>
</html>

Open in new window


Serverside languages will have this property as well.  If you need to do mixed case, doing this serverside might be better, but this is quick and easy.
0
 
Jagadishwor DulalBraces MediaCommented:
Easy one Using Style:
<input type="text" name="name" id="name" onBlur="this.style.textTransform='uppercase';">

Open in new window

0
 
dimmergeekCommented:
I believed you asked how to change TO UPPER CASE:

// Function to change case of input box value
function changeCase(el)
{
    var convertMe = document.getElementByID(el).value;
    var converted = convertMe.toUpperCase();
    document.getElementByID(el).value = converted;
}
0
 
dimmergeekCommented:
Thanks!
0

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now