How to edit HTML input value colour

Question

In my input field  text   I have a text which disappears once it is clicked  How can I make this text a shade lighter by editing its colour   Sorry  the code looks messy  I had to chop it up to show you   Thanks   James   lt form gt      lt input type  text  name  search  size  35          onclick  this value     onfocus  this select        onblur  this value  this value  Job Title        e g  Assistant Manager  this value       value  Job Title e g  Assistant Manager       style  background-color white  border       solid 1px  6E6E6E  height  30px  font-size 18px       vertical-align 9px   gt       lt input type  text  name  searchterm  size  35       style  background-color white  border  solid 1px  6E6E6E      height  30px  font-size 18px  vertical-align 9px   gt       lt input type  image  src  but tiff  alt  Submit  width  60  gt   lt  form gt

User · Answer

You can change the CSS color property using JavaScript in the onclick event handler  in the same way you change the value property     lt input type  text  onclick  this value     this style color   000     gt   Note that it s not the best practice to use inline JavaScript  You d be better off giving your input an ID  and moving your JavaScript out to a  lt script gt  block instead   document getElementById  yourInput   onclick   function         this value           this style color     000

User · Answer

You can add color in the style rule of your input  color  ccc

User · Answer

Please try this    lt input class  col-xs-12 col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2  type  text  name  name  value    placeholder  Your Name  style  background-color blue    gt    You basically put all the CSS inside the style part of the input tag and it works

User · Answer

Add a style   color black  important  in your input type

User · Answer

Maybe something like this  just add your style    lt input type  quot text quot          size  quot 35 quot          value  quot Job Title e g  Assistant Manager quot          style  quot background-color white                 border  solid 1px  6E6E6E                height  30px                 font-size 18px                 vertical-align 9px color  bbb quot           onfocus  quot if this value     Job Title e g  Assistant Manager                         this value                           this style color   000                      quot    gt    lt input type  quot text quot          name  quot searchterm quot  size  quot 35 quot          style  quot background-color white                 border  solid 1px  6E6E6E                height  30px                 font-size 18px                 vertical-align 9px quot    gt   UPDATE  Since placeholder attribute is very well supported on all major browsers  there is no need to do anything manually  Its possible to achieve the same thing with this   lt input type  quot text quot          size  quot 35 quot          placeholder  quot Job Title e g  Assistant Manager quot    gt

[html] How to edit HTML input value colour?

Examples related to html

Examples related to forms