Edit in JSFiddle

<div data-role="page">
    <div data-role="content">
        <form>
            <label for="input1">Regular Label</label>
            <input type="text" name="input1" id="input1" />
        </form>
        <form>
            <label for="input2">Mini Label</label>
            <input type="text" data-mini="true" name="input2" id="input2" />
        </form>
        <form>
            <div data-role="fieldcontain">
                <label for="input3">Fieldcontain Label</label>
                <input type="text" data-mini="true" name="input3" id="input3" />
            </div>
        </form>
        <form>
            <label for="input4" class="ui-hidden-accessible">Placeholder Label</label>
            <input type="text" name="input4" id="input4" placeholder="Placeholder text" />
        </form>
        <form>
            <label for="input5">Disabled label</label>
            <input type="text" name="input5" id="input5" disabled value="Disabled textbox value" />
        </form>
        <form>
            <label for="input6">Textarea label</label>
            <textarea name="input6" id="input6"></textarea>
        </form>
        <form>
            <div data-role="fieldcontain">
                <label for="input7">Fieldcontain textarea label</label>
                <textarea name="input7" id="input7"></textarea>
            </div>
        </form>
    </div>
</div>