Na criação de formulários em HTML, é possível utilizar o elemento input para criar campos de texto, que permitem ao usuário inserir informações de texto. Existem vários tipos de campos de texto que podem ser criados, sendo os mais comuns:
Text: campo de texto comum, permite que o usuário digite qualquer tipo de texto. Exemplo:
<input type="text" name="nome">Password: campo de texto que oculta os caracteres digitados, geralmente utilizado para senhas. Exemplo:
<input type="password" name="senha">Number: campo de texto que permite apenas a entrada de números. Exemplo:
<input type="number" name="idade">Email: campo de texto que exige que o valor digitado seja um endereço de e-mail válido. Exemplo:
<input type="email" name="email">Search: campo de texto que permite a busca de informações em um sistema. Exemplo:
<input type="search" name="busca">Tel: campo de texto que exige que o valor digitado seja um número de telefone válido. Exemplo:
<input type="tel" name="telefone">URL: campo de texto que exige que o valor digitado seja uma URL válida. Exemplo:
<input type="url" name="site">
Para especificar o tamanho do campo de texto, pode-se utilizar o atributo size, e para definir um valor padrão, pode-se utilizar o atributo value. Além disso, o atributo name é utilizado para identificar o campo no formulário e enviar seu valor para o servidor.
Exemplo de um campo de texto:
ruby<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome" size="30" value="Digite seu nome aqui">