Formulários HTML: Dominação Total
Sobre a Aula

Este atributo, identificado pelo termo “readonly”, desempenha um papel essencial ao indicar que um determinado campo de entrada é exclusivamente de leitura.

Quando um campo é definido como “readonly”, significa que os usuários podem visualizar o conteúdo, mas não têm permissão para realizar alterações nele.

Isso é particularmente útil em cenários em que os dados exibidos são informativos e não devem ser editados.

<form>
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John" readonly><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe">
</form>

Um ponto importante a ser observado é que embora os usuários não possam modificar diretamente um campo de leitura, eles podem selecionar, copiar e destacar o texto presente nele.

Portanto, a propriedade “readonly” é uma ferramenta valiosa para fornecer informações estáticas ou de referência que não requerem interação direta.

É essencial compreender que, mesmo sendo somente leitura, o valor de um campo desse tipo ainda será enviado quando o formulário for submetido.

Isso implica que, apesar de não permitir edições, o conteúdo será incluído nos dados enviados para processamento.

Em resumo, o atributo “readonly” oferece uma maneira eficaz de apresentar informações imutáveis aos usuários, garantindo que esses dados sejam parte do processo de envio do formulário quando necessário.

Entrar na conversa
Rolar para cima