tutoriais mais recente desenvolvimento web
 

HTML disabled Attribute


Definição e Uso

O disabled atributo é um atributo booleano.

Quando presente, ele especifica que o elemento deve ser desativado.

Um elemento com deficiência é inutilizável.

O disabled atributo pode ser configurado para manter um usuário de usar o elemento até que alguma outra condição foi cumprida (como seleccionar uma caixa de verificação, etc.). Em seguida, um JavaScript poderia remover o valor desativado, e fazer o elemento utilizável.


Aplica-se a

A disabled atributo pode ser usado nos seguintes elementos:

elementos Atributo
<button> disabled
<fieldset> disabled
<input> disabled
<keygen> disabled
<optgroup> disabled
<option> disabled
<select> disabled
<textarea> disabled

Exemplos

Button Exemplo

Um botão desativado:

<button type="button" disabled>Click Me!</button>
Tente você mesmo "

Fieldset Exemplo

Desativar 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>
Tente você mesmo "

Input Exemplo

Um formulário HTML com um campo de entrada de pessoas com deficiência:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname" disabled><br>
  <input type="submit" value="Submit">
</form>
Tente você mesmo "

Keygen Exemplo

Um deficientes <keygen> elemento:

<form action="demo_keygen.asp" method="get">
  Username: <input type="text" name="usr_name">
  Encryption: <keygen name="security" disabled>
  <input type="submit">
</form>
Tente você mesmo "

Optgroup Exemplo

Um deficientes opção de grupo:

<select>
  <optgroup label="German Cars" disabled>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>
Tente você mesmo "

Option Exemplo

A lista drop-down com uma opção desativado:

<select>
  <option value="volvo" disabled>Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>
Tente você mesmo "

Select Exemplo

Um deficientes lista drop-down:

<select disabled>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
Tente você mesmo "

Textarea Exemplo

Uma área de texto desativado:

<textarea disabled>
At w3ii.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Tente você mesmo "

Suporte a navegadores

O disabled atributo tem o seguinte suporte ao navegador para cada elemento:

Elemento
button sim sim sim sim sim
fieldset sim Não suportado sim 7 sim
input 1.0 6 1.0 1.0 1.0
keygen sim Não suportado sim 6 sim
optgroup 1.0 8 sim sim sim
option 1.0 8 1.0 sim sim
select sim sim sim sim sim
textarea sim sim sim sim sim