Λίστα μεγεθών και γραμματοσειρών

Όπως κάναμε προηγουμένως με τα χρώματα και τις χώρες, έτσι και παρακάτω βρίσκεται ο κώδικας που παράγει μια λίστα με μεγέθη και μια λίστα με γραμματοσειρές.

Μεγέθη:

<select name="size" id="size" size="1">
<option value="xx-small" style="font-size:xx-small">1</option>
<option value="x-small" style="font-size:x-small">2</option>
<option value="small" style="font-size:small">3</option>
<option value="medium" style="font-size:medium">4</option>
<option value="large" style="font-size:large">5</option>
<option value="x-large" style="font-size:x-large">6</option>
<option value="xx-large" style="font-size:xx-large">7</option>
</select>

Γραμματοσειρές:

<select name="fonts" id="fonts" size="1" >
<option value="Arial" style="font-family:Arial">Arial</option>
<option value="Book Antiqua" style="font-family:Book Antiqua">Book Antiqua</option>
<option value="Cursive" style="font-family:Cursive">Cursive</option>
<option value="Fantasy" style="font-family:Fantasy">Fantasy</option>
<option value="Garamond" style="font-family:Garamond">Garamond</option>
<option value="Monospace" style="font-family:Monospace">Monospace</option>
<option value="Palatino Linotype" style="font-family:Palatino Linotype">Palatino Linotype</option>
<option value="Palatino" style="font-family:Palatino">Palatino</option>
<option value="Serif" style="font-family:Serif">Serif</option>
<option value="Sans-Serif" style="font-family:Sans-Serif">Sans-Serif</option>
<option value="Times New Roman" style="font-family:Times New Roman">Times New Roman</option>
<option value="Verdana" style="font-family:Verdana">Verdana</option>
</select>