No HTML, os campos de entrada são uma parte importante dos elementos de formulário usados ​​para obter informações dos usuários ou para inserir dados. Mais especificamente, um “”Elemento com o tipo“texto”Permite que você insira qualquer combinação de letras, números ou símbolos. Além disso, o usuário pode restringir o campo de entrada para adicionar apenas valores específicos, como “valores numéricos","valores positivos", e Valores alfabéticos”.

Este tutorial demonstrará o procedimento para definir a entrada de texto HTML para permitir apenas entrada numérica.

Como definir a entrada de texto HTML para permitir apenas entrada numérica?

O tipo de entrada “numérico”Permite apenas inserir os dados numéricos. Para restringir a entrada de texto para inserir apenas os dados no formulário de números, siga as instruções abaixo fornecidas.

Etapa 1: Insira o cabeçalho

Primeiro, insira um cabeçalho usando qualquer “

" para o "

"Tag de cabeçalho. Por exemplo, usamos o “

”Tag para adicionar um título de nível um.

Etapa 2: Crie um contêiner "div"

Em seguida, crie um elemento "div" com a ajuda do "”Tag e atribua um atributo de classe.

Etapa 3: Crie um formulário

Depois disso, crie um formulário HTML usando o “" elemento. Depois disso, insira o seguinte elemento entre as tags "":

• Adicione o "”Tag para agrupar vários elementos.
• ““”O elemento HTML representa uma legenda para um item
• O "”A tag é usada para criar controles interativos para formulários baseados na Web para aceitar a entrada dos usuários.
• ““tipo”É um atributo que é utilizado para definir o elemento de tipo em um formulário. Para inserir apenas os dados numéricos no campo de texto, aqui o tipo é definido como “número”.
• ““etapa”O atributo é usado para especificar o intervalo nos números /jurídicos permitidos /em um“" elemento
• ““obrigatório”É um atributo booleano. Isso restringe os usuários de inserir alguns dados no campo de entrada.
• ““nome”É utilizado para especificar o nome de um elemento.
• No final, adicione um botão usando o tipo de entrada “enviar”.
• ““
  Ӄ usado como um disjuntor de linha:

Insira dados em forma

Entre na sua idade:



Entre na experiência de trabalho:



Enviar:

Saída

Etapa 4: Elemento de cabeçalho de estilo

Para estilizar o cabeçalho, primeiro, acesse o elemento de cabeçalho com a ajuda do nome da tag "H1”:

H1
Alinhamento de texto: centro;

Então, aplique o “alinhamento de texto”Propriedade para definir o alinhamento do texto do cabeçalho. Para esse fim, definimos o valor como “Centro”Para alinhamento central.

Etapa 5: Elemento de estilo “div”

Em seguida, acesse o “div”Elemento usando a classe atribuída“.contente”E aplique as propriedades CSS mencionadas:

.contente
margem: 20px 100px;
Background-Color: Blanchedalmond;

Aqui:

• ““margem”Aloca um espaço fora do elemento.
• ““cor de fundo”A propriedade é usada para definir a cor da parte traseira do elemento.

Saída

Isso se trata de definir a entrada de texto HTML para permitir apenas dados numéricos.

Conclusão

Para definir a entrada de texto HTML para permitir apenas entrada numérica, crie um formulário HTML usando o “" elemento. Em seguida, utilize o “”Elementos junto com o“tipo”Atribua e especifique seu valor como“numérico”, Que permite aos usuários inserir apenas dados numéricos. Esta redação ensinou a você como definir a entrada de texto HTML para permitir apenas dados numéricos.