Formulier

Op dezelfde manier als het aanpassen van buttons, kun je ook de andere onderdelen van een formulier gaan aanpassen. Mocht je de tutorial over buttons niet gelezen hebben, bekijk dan eerst deze tutorial (zie het menu onder buttons).

Eerst bekijk ik de mogelijkheden van een invoer vak van een regel. De tag is <input type="text" size="10" name="naam">. Nu kan ik de stijl gaan bepalen van het invoer vak.

 <style type="text/css">
  .grijs {
   background-color: #d1d1d1;
   color: #ec0000;
   font-size: 10px;
  }
 </style>

 <input type="text" size="10" name="naam" class="grijs">

Resultaat:

Als je de tutorials onder de knie hebt, kun je inmiddels bedenken hoe het moet om een textarea aan te gaan pakken. Om er toch zeker van te zijn, laat ik zien hoe het zou kunnen.

 <style type="text/css">
  .grijs {
   background-color: #d1d1d1;
   color: #ec0000;
   font-size: 10px;
  }
 </style>

 <textarea cols="20" rows="5" name="tekst" class="grijs">  </textarea>

Resultaat: