<button disabled>

disabled - заблокувати кнопку.

Синтаксис:

<button disabled>...</button>

Опис:

disabled атрибут тег button який вказує що кнопку необхідно заблокувати.

Заблокована кнопка недоступна для натискання, не може отримати фокус.

Приклад:

<button disabled>кнопка</button> Приклад розблокування кнопки при введені символів більше 2 за допомогою JavaScript:

Ім'я:

<div>Ім'я: <input id="user_name"><button id="test_button" disabled>привітатися</button></div>

var user_name=document.getElementById('user_name');
var test_button=document.getElementById('test_button');
user_name.oninput=function(){
  if(this.value.length>2)
    test_button.disabled=false;
   else
    test_button.disabled=true;
}
test_button.onclick=function(){
  alert('Привіт '+user_name.value+' :-)');
}