Regnery.net Internet

HTML CSS PHP MYSQL JQuery SEO – internetoplossingen

CSS formulier opmaak

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. Met CSS formulier opmaak kun je vervolgens ieder formulier je eigen lay-out geven.

CSS formulier opmaak

Een van de meeste gebruikte velden in een formulier is de input tag. De tag kan als volgt luiden: <input type=”text” size=”10″ name=”naam”>. Nu kan ik de stijl gaan bepalen van het invoer vak in CSS. Allereerst moet je via een id of class de input tag koppelen aan jouw stylesheet. Vervolgens definieer je de gewenste opmaak.

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

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>