<div>
Here is a variation:<br />

<pre><code id="code-20-39255285-1">    var inp = document.getElementsByTagName(&quot;input&quot;);
    for (var x = 0; x &lt; inp.length; x++) {
        if (inp[x].getAttribute(&quot;type&quot;) != &quot;text&quot;) {
            continue;
        }
        inp[x].value = inp[x].value.toLowerCase();
    }</code></pre>
hth<br />
<br />
Ivo Stoykov
</div>


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();
    }

hth

Ivo Stoykov

<div>
In css here is a working sample using a class you can attach to any element (div, p, span, li) <a href="http://jsbin.com/eferow/1/edit" rel="ugc">http://jsbin.com/eferow/1/edit</a><br />
<br />
code<br />

<pre><code id="code-20-39255295-1">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;style&gt;
    .lowercase{text-transform: lowercase;}
  &lt;/style&gt;
&lt;meta charset=utf-8 /&gt;
&lt;title&gt;JS Bin&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;div&gt;&lt;span class=&quot;lowercase&quot;&gt;CONVERT THIS,&lt;/span&gt; NOT THIS&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
 <br />
Serverside languages will have this property as well. &nbsp;If you need to do mixed case, doing this serverside might be better, but this is quick and easy.
</div>


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


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.

<div>
Easy one Using Style:<br />

<pre><code id="code-20-39256235-1">&lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;name&quot; onBlur=&quot;this.style.textTransform='uppercase';&quot;&gt;</code></pre>
</div>


Easy one Using Style:


<input type="text" name="name" id="name" onBlur="this.style.textTransform='uppercase';">

<div>
<div class="content wysiwyg-content">
Hi experts,<br />
<br />
Could you please provide a simple script to change lower to upper case for each field in a html form?<br />
<br />
Regards,
</div>
</div>


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

lower to upper case

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.