Como definir um valor padrão para Tipo de entrada = texto sem usar o atributo 'valor'?

Os elementos HTML são usados para adicionar recursos específicos às páginas da web. Por exemplo, o “

”O elemento cria uma tabela, o“”O elemento é usado para adicionar um campo de entrada e muito mais. No HTML, os atributos são utilizados para especificar as informações adicionais aos elementos.

Esta postagem o instruirá como definir um valor padrão para "" sem usar o atributo "valor”.

Antes de entrar na discussão, vamos primeiro ver como usar o atributo "valor" especificado no elemento, que é uma opção melhor para definir um valor padrão para o elemento "o".

O que é o atributo html “valor”?

Em HTML, o “valor”O atributo é usado para definir o valor padrão do elemento de entrada.

Exemplo

O bloco de código a seguir mostra o “"Elemento com atributos" Tipo "," Classe "e" Value ":

Aqui está a descrição dos atributos acima mencionados:

- ““tipo”Atributo define o tipo de campo de entrada, como caixa de seleção, rádio, texto ou mais.
- ““aula" e "eu ia”Os atributos estão definidos para acessar o elemento no CSS ou JavaScript para manipulação adicional.
- ““valor”Atributo define o valor padrão.

Saída

Vamos adicionar os estilos CSS ao elemento "" para torná -lo apresentável.

Classe de estilo “estilo de entrada”

O ".estilo de entrada”É usado para acessar a classe para estilo, e as seguintes propriedades são aplicadas a ela:

.estilo de entrada
preenchimento: 10px;
Size da fonte: 20px;
Radio de fronteira: 10px;
borda: 1px RGB sólido (204 203 203);
Shadow de caixa: 1px 1px 1px 1px RGB (204 203 203);

Aqui:

- ““preenchimento”Adiciona espaço dentro da fronteira do elemento.
- ““tamanho da fonte”Define o tamanho da fonte.
- ““Radio de fronteira”Faz as bordas do elemento redondo.
- ““fronteira”Aplica -se fronteira ao redor do elemento.
- ““Sombra da caixa”Adiciona uma sombra ao redor do elemento. Ele especifica os valores para seu deslocamento horizontal, deslocamento vertical, efeito de desfoque, efeito de espalhamento e cor.

Saída

Como definir um valor padrão para "type de entrada = texto" sem usar o atributo "valor"?

No HTML, existem várias maneiras de definir um valor padrão para “Tipo de entrada = texto”. Alguns deles estão listados abaixo:

- Usando o atributo "espaço reservado"
- Usando a propriedade JavaScript "Value"
- Usando o método jQuery "val ()"

Método 1: Como definir um valor padrão para "Tipo de entrada = texto" usando o atributo html "espaço reservado"?

O método para definir o valor padrão para o “”Elemento é o“espaço reservado”Atributo. Este atributo está definido para exibir o conteúdo no elemento de entrada:

Saída

Até agora, explicamos como definir o valor padrão do elemento "" em html. Você também pode especificar o valor padrão usando JavaScript e JQuery. Vamos discutir essas abordagens uma a uma.

Método 2: Como definir um valor padrão para "Tipo de entrada = texto" usando a propriedade JavaScript "Value"?

Você também pode determinar o valor padrão de um campo de entrada usando JavaScript. Para incluir o código JavaScript no HTML, adicione o “" Tag:

Dentro do "”Tags, especifique o“documento.getElementById ()”Para buscar o elemento de entrada por id. Então, anexar o “valor”Propriedade e defina o valor padrão para o elemento.

Saída

Método 3: Como especificar um valor padrão para "Tipo de entrada = texto" usando o método jQuery "val ()"?

Outra maneira eficiente de definir o valor padrão para "Tipo de entrada = texto" é o jQuery "val ()”Método. JQuery é uma biblioteca JavaScript. É necessário baixar o jQuery antes de usar seus métodos ou o inclui através do CDN como o Google.

Para baixá -lo, visite jQuery.com. Então, especifique a referência dentro do “Seção do HTML:

Para incluir jQuery com o CDN, especifique o seguinte código:

Em HTML, dentro do “”Elemento, adicione o“$ ()”Método com o ID de um elemento como um parâmetro e busque o elemento. Então, anexar o “.val ()”Método para especificar o valor padrão:

>$ ('#exemplo).val ('padrão');

Saída

Pode -se observar que o valor padrão para o campo de entrada foi definido com sucesso.

Conclusão

Em html, para definir um valor padrão para “", o "valor”Atributo é usado. No entanto, existem várias maneiras alternativas, como usar o “espaço reservado”Atributo, código JavaScript e métodos jQuery. Para adicionar JavaScript e JQuery Code em HTML, especifique o “" Tag. O "valor”Propriedade em JavaScript e o“val ()”O método no jQuery é utilizado para definir o valor padrão. Esta postagem explicou os métodos para definir o valor padrão para "" sem usar o atributo "valor".