Set input background color and color : input : Form Style HTML CSS TUTORIALS


HTML CSS TUTORIALS » Form Style » input »

 

Set input background color and color


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.pwordinput {
 color: white;
 background-color: white;
}

</style>
</head>
<body>
  <h2>Simple Quiz</h2>
   <form action="" method="post">
   <p>
    Are you 
     <input type="radio" value="male" name="sex" class="radioinput">
    Male or 
     <input type="radio" value="female" name="sex" class="radioinput"
    Female?
   </p>
  <p>
   What pizza toppings do you like? 
   <input type="checkbox" name="" value="l" class="checkbxinput"> Pepperoni 
   <input type="checkbox" name="" value="mushrooms" class="checkbxinput"> Mushrooms 
   <input type="checkbox" name="" value="pineapple" class="checkbxinput"> Pineapple
   </p>
   <label for="question1">Who is buried in Grant's tomb?</label>
   <input type="text" name="question1" id="question1" class="textinput" value="Type answer here" />
   <br />
   <label for="question2">Great Wall of China Located?</label>
   <input type="text" name="question2" id="question2" class="textinput" value="Type answer here" />
   <br />
   <label for="password">What is your password?</label>
   <input type="password" name="password" id="password" class="pwordinput" value="" />
   <br />
   <input name="reset" type="reset" id="reset" value="Reset" />
   <input type="submit" name="Submit" value="Submit" class="buttonSubmit" />
  </form>
  
</body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Form Style
» input