É fácil desativar um único input ou botão HTML simplesmente usando o atributo disabled. O código a seguir mostra um exemplo de como fazer isso:

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

Mas desta outra maneira, você não tem que aplicar o atributo disabled para cada elemento um por um.

Ao invés disso você pode usar o elemento fieldset para organizar os seus inputs. Passando o atributo disabled para o elemento fieldset ira desativar todos os elementos filhos. Desta forma:

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