Skip to content

Latest commit

 

History

History
27 lines (21 loc) · 893 Bytes

disable-all-fields-of-a-form.mdx

File metadata and controls

27 lines (21 loc) · 893 Bytes
category cover created tags title
Tip
/assets/tips/disabled-fieldset.png
2022-09-27
HTML
Disable all fields of a form

It's easy to disable a particular HTML input or button element by using the disabled attribute. The following piece of code demonstrates a simple signing in form that consists of two disabled inputs:

<input type="text" placeholder="Username" disabled /> <input type="password" placeholder="Password" disabled />

There is the other way that you don't have to apply the disabled attribute to fields one by one.

Instead, you can use the fieldset element to organize the input. Using the disabled attribute to the fieldset will disable all input belonging to it:

<fieldset disabled>
    <legend>Login</legend>

    <input type="text" placeholder="Username" />
    <input type="password" placeholder="Password" />
</fieldset>