Form Elements

<input type="text">
<input type="search">
<select><option>Test 1</option><option>Test 2</option><option>Test 3</option><option>Test 4</option></select>

<div class="field">
    <label for="accstmnt_orginfo_approved_function">Function</label>
    <input type="text" id="accstmnt_orginfo_approved_function" placeholder="Director of Communication">
</div>

<fieldset class="field" id="conformance-status">
    <legend class="label">Conformance status</legend>
    <p class="expl">Describe the current conformance status.</p>

    <div class="radio-field">
        <input type="radio" name="accstmnt_conformance" id="accstmnt_conformance_inapplicable" checked="">
        <label for="accstmnt_conformance_inapplicable">None</label>
    </div>
    <div class="radio-field">
        <input type="radio" name="accstmnt_conformance" id="accstmnt_conformance_full">
        <label for="accstmnt_conformance_full"><span class="status">Fully conformant</span>: <span class="meaning">the content fully meets the standard  without any exceptions</span></label>
    </div>
    <div class="radio-field">
        <input type="radio" name="accstmnt_conformance" id="accstmnt_conformance_partial">
        <label for="accstmnt_conformance_partial"><span class="status">Partially conformant</span>: <span class="meaning">Some parts of the content do not fully meet the standard</span></label>
    </div>
    <div class="radio-field">
        <input type="radio" name="accstmnt_conformance" id="accstmnt_conformance_nonconformant">
        <label for="accstmnt_conformance_nonconformant"><span class="status">Non conformant</span>: <span class="meaning">the content does not meet the standard</span></label>
    </div>
    <div class="radio-field">
        <input type="radio" name="accstmnt_conformance" id="accstmnt_conformance_unknown">
        <label for="accstmnt_conformance_unknown"><span class="status">Not assessed</span>: the content has not been assessed or the evaluation results are not available</label>
    </div>
</fieldset>