Forms - Firefox for Desktop

Horizontal form

A section

Name

Password

tbd

Disabled form

A section

Name

Password

<fieldset disabled="disabled">...</fieldset>
<!-- or -->
<input disabled="disabled">...</input>

Buttons

<button>Button</button>
<button disabled="disabled">Disabled button</button>

Controls

Checkboxes

Watermelons

Bananas

Oranges

Apples

<x-checkbox>
    <input type="checkbox" id="c1">
    <label for="c1">Watermelons</label>
</x-checkbox>
<x-checkbox>
    <input type="checkbox" id="c2" checked="checked">
    <label for="c2">Bananas</label>
</x-checkbox>
<x-checkbox>
    <input type="checkbox" id="c3" disabled="disabled">
    <label for="c3">Oranges</label>
</x-checkbox>
<x-checkbox>
    <input type="checkbox" id="c3" disabled="disabled" checked="checked">
    <label for="c3">Apples</label>
</x-checkbox>

Radios

Selected

Not selected

Disabled

Disabled selected

<x-radio>
    <input type="radio" id="r1" checked="checked">
    <label for="r1">Selected</label>
</x-radio>
<x-radio>
    <input type="radio" id="r2">
    <label for="r2">Not selected</label>
</x-radio>
<x-radio>
    <input type="radio" id="r3" disabled="disabled">
    <label for="r3">Disabled</label>
</x-radio>
<x-radio>
    <input type="radio" id="r4" disabled="disabled" checked="checked">
    <label for="r4">Disabled selected</label>
</x-radio>