Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day

ptg16476052

364 LESSON 12: Designing Forms

</div>

<div>

<label class="field">Toys</label>

<label><input type="checkbox" name="toy" value="digicam"> Digital

Camera</label>

<label><input type="checkbox" name="toy" value="phone"> Smartphone

</label>

<label><input type="checkbox" name="toy" value="tablet"> Tablet</label>

</div>

<div>

<label class="field" for="portrait">Portrait</label>

<input type="file" id="portrait">

</div>

<div>

<label class="field" for="bio">Mini Biography</label>

<textarea id="bio" rows="6" cols="40"></textarea>

</div>

<div class="submit">

<input type="submit" value="register">

</div>

</form>

</body>

</html>

Figure 12.29 shows the page containing this form.

Output ▼

FIGURE 12.29

A form with styled

input fields.

▼

▲