Sha256: e1d18b5beda78e0252663427e0fcd7203a1c550a2f4628106e0780b400be14a8

Contents?: true

Size: 1.92 KB

Versions: 3

Compression:

Stored size: 1.92 KB

Contents

<!-- 
    Document   : labels
    http://www.w3.org/TR/html401/interact/forms.html#edef-LABEL
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>Labels</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <h3> About Labels </h3>
        <p><a href="http://www.w3.org/TR/html401/interact/forms.html#edef-LABEL">html401 label spec</a> --
            label atribute :for holds a value of element :id it is bound to. Click on label sets the element with specified :id
            <br />
            checkbox, text_field, radiobutton do not have explicit labels like buttons
        </p>

        <h3>Implicit label wraps text_field without for attribute. Click does not transfer focus to control</h3>
        <p>not a standard usage for label</p>
        <form id="wrap_without_for"action="" method="get">
            <p>
                <label>First Name<input type="text" name="fn"></label>
            </p>
            <p>
                <label><input type="text" name="ln">Last Name</label>
            </p>
        </form>

        <h3>Explicit Label For Item with Id. Click transfers focus to control associated by id</h3>
        <form id="label_for_id"action="" method="get">
            <p>
                <label for="first_nm">FirstName For</label>
                <input type="text" name="firstname" id="first_nm">

                <label for="last_nm">LastName For</label>
                <input type="text" name="lastname" id="last_nm">

                <br />
                
                <label for="gender_code">Select Gender</label>
                <select  name="sex_cd" id="gender_code">
                    <option value="" selected></option>
                    <option value="M">Male</option>
                    <option value="F">Female</option>
                </select>


            </p>
        </form>

    </body>
</html>

Version data entries

3 entries across 3 versions & 2 rubygems

Version Path
marekj-watirloo-0.0.5 spec/html/labels.html
watirloo-0.0.8 spec/html/labels.html
watirloo-0.0.7 spec/html/labels.html