Propriedade readOnly do Input Number

Definição e uso

readOnly Propriedade que define ou retorna se o campo numérico deve ser somente leitura.

Não é possível modificar o campo somente leitura. No entanto, o usuário pode selecioná-lo, destacá-lo e copiar o texto.

Esta propriedade reflete a propriedade readonly do HTML.

Dica:Para evitar que o usuário interaja com o campo, use Propriedade disabled.

Veja também:

Manual HTML:Propriedade readonly do <input> HTML

Exemplo

Exemplo 1

Defina o campo numérico como somente leitura:

document.getElementById("myNumber").readOnly = true;

Experimente você mesmo

Exemplo 2

Verifique se o campo numérico é somente leitura:

var x = document.getElementById("myNumber").readOnly;

Experimente você mesmo

Sintaxe

Retornar a propriedade readOnly:

numberObject.readOnly

Definir a propriedade readOnly:

numberObject.readOnly = true|false

Valor do atributo

Valor Descrição
true|false

Define se o campo numérico deve ser somente leitura.

  • true - o campo numérico é de leitura
  • false - padrão. O campo numérico não é de leitura

Detalhes técnicos

Valor retornado: Valor booleano, se o campo numérico for apenas leitura, ele retornará true;caso contrário, retorne false.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 10.0 Suporte Suporte Suporte