Atributo HTML desabilitado
Definição e uso
O
disabledatributo é um atributo booleano.
Quando presente, especifica que o elemento deve ser desabilitado.
Um elemento desativado é inutilizável.
O
disabledatributo pode ser definido para impedir que um usuário use o elemento até que alguma outra condição seja atendida (como marcar uma caixa de seleção etc.). Então, um JavaScript pode remover o valor desabilitado e tornar o elemento utilizável novamente.
Aplica-se a
O
disabledatributo pode ser usado nos seguintes elementos:
| Elementos | Atributo |
|---|---|
| <botão> | Desativado |
| <fieldset> | Desativado |
| <entrada> | Desativado |
| <optgroup> | Desativado |
| <opção> | Desativado |
| <selecione> | Desativado |
| <textarea> | Desativado |
Exemplos
Exemplo de botão
Um botão desativado:
<button type="button" disabled>Click Me!</button>
Exemplo de conjunto de campos
Desabilite um grupo de elementos de formulário relacionados:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Exemplo de entrada
Um formulário HTML com um campo de entrada desabilitado:
<form
action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"
disabled><br>
<input type="submit" value="Submit">
</form>
Exemplo de grupo de opções
Um grupo de opções desativado:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Exemplo de opção
Uma lista suspensa com uma opção desativada:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
Selecione Exemplo
Uma lista suspensa desabilitada:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Exemplo de área de texto
Uma área de texto desativada:
<textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Suporte ao navegador
O disabledatributo tem o seguinte suporte do navegador para cada elemento:
| Element | |||||
|---|---|---|---|---|---|
| button | Yes | Yes | Yes | Yes | Yes |
| fieldset | Yes | Not supported | Yes | 7.0 | Yes |
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| optgroup | 1.0 | 8.0 | Yes | Yes | Yes |
| option | 1.0 | 8.0 | 1.0 | Yes | Yes |
| select | Yes | Yes | Yes | Yes | Yes |
| textarea | Yes | Yes | Yes | Yes | Yes |