– CSS3 transitions.
CSS3 transitions allow CSS properties to be animated. The first CSS rule defines the initial state of the property and the transition. A second CSS rule defines the new state to which that property will change when the triggering event occurs. Example - these two rules cause the border of a form input to change from black to green over 2 seconds when the user clicks in the field.
input {border-color:black; transition:border-color 2s;}
input:focus {border-color:green;}
Topic 2
– Feildsets.
A set of related form controls can be grouped within a fieldset element. In an e-commerce site, the controls to collect the user’s name and address might be wrapped in a fieldset with the legend “Mailing Address.” A second fieldset might contain the controls for credit card information, and so on. The first child element of a fieldset must be the legend text element, which contains the fieldset’s title.
<fieldset>
<legend>Mailing Address¶</legend>
</fieldset>
Topic 3
- Checkboxes, Radio Buttons, and Selects.
Checkboxes allow the user to make one or more choices from a number of options. Radio buttons allow the user to make only one choice from a number of options. The select control creates a drop-down menu that appears when the user clicks on it. Within the select element, each menu choice is marked up with an option text element.