O atributo readonly em HTML é usado para tornar um campo de entrada apenas para leitura, ou seja, o usuário pode visualizar o conteúdo do campo, mas não pode editá-lo. Ele é comumente aplicado em situações onde os dados precisam ser exibidos sem risco de modificação, como valores calculados ou informações pré-preenchidas. Diferente do atributo disabled, um campo com readonly ainda é enviado ao servidor durante o envio do formulário. Esse atributo pode ser aplicado a tipos de entrada como text, number, e email, garantindo maior controle sobre a interação do usuário com o formulário.
Exemplo
<form>
<label for="usuario">Usuário:</label>
<input type="text" id="usuario" name="usuario" value="Jose" readonly>
</form>Este exemplo exibe um campo de texto com o valor “Jose”. O usuário pode visualizar o conteúdo, mas não pode editá-lo. O valor será incluído no envio do formulário caso seja submetido.