Os formulários podem ser imaginados como um formulário de papel comum: você escreve, marca algo e depois envia (pelo correio). Formulários em documentos HTML também funcionam da mesma maneira. Basicamente, existem algumas coisas que são iguais para (quase) todos os elementos do formulário. Isso inclui, por exemplo, o nameatributo, accesskeyatributo ou tabindex. O atributo name serve como um identificador para o respectivo elemento. Ele pode ser aplicado aos elementos de forma que se segue: form, input, select, textarea e button. Exemplo:

<form name = “nome_do_form”> <input name = “nome_do_campo”>

O atributo accesskey descreve uma tecla, cujo pressionamento é para rolar / pular / acessar o respectivo elemento. Ele pode ser aplicado aos elementos de forma que se segue: label, input, textarea, legende button. Exemplo:

<label accesskey = “a”>
<input accesskey = “b”>

O atributo tabindex descreve a sequência em que os respectivos elementos devem ser saltados quando a tecla tabuladora (TAB) é pressionada. Ele pode ser aplicado para os seguintes elementos de formulário: input, select, textarea e button. Exemplo:

<input tabindex = “2”>
<input tabindex = “1”>
<button tabindex = “3”>

Elemento principal do formulário

O elemento  form é o principal. Tudo o que deve ser incluído no formulário está escrito nele. Exemplo:

<form name = “form” method = “post” action = “local_para_onde_sera_chamado”>
… conteúdo do formulário …
</form>

O atributo action se refere ao “programa” que deve ser executado no formulário. Podem ser scripts, e-mail ou outras coisas. Exemplos:

//Ao ser executado o formulário chama um arquivo enviaEmail.php
<form name = “form_pesquisa” method = “get” action = “enviaEmail.php”>
</form>
O conteúdo do formulário será enviado por e-mail para  [[email protected]](<mailto:[email protected]>)
<form name = “form_envio” method = “post” action = “mailto: [[email protected]](<mailto:[email protected]>)”>
</form>

O atributo method descreve como (por qual método) o formulário é processado. Como valores possíveis são post ou get.

O atributo enctype determina o tipo de dados no formulário. Os tipos de mídia podem ser inseridos aqui como um valor. O valor / tipo é adequado para o envio de e-mails text/plain. Isso indica que o texto é simples. Exemplo:

<form action = “[<mailto:[email protected]>](<mailto:[email protected]>)” method = “post”
enctype = “text / plain”>
</form>

Campos de um formulário

Os campos são usados para inserir dados, textos e outras coisas. Em comparação com o formulário de papel, eles representam, por exemplo, um campo para o nome, um campo para um texto ou campos para outras coisas.

Input

Um campo de texto de linha única é indicado como o elemento input. O input pode ter diferentes tipos de campos de texto, isso é definido pelo atributo type. O valor text, por exemplo, indica que é um campo de texto.

Exemplo:

<form action = “mailto: [[email protected]](<mailto:[email protected]>)”>
<input name = “nome_campo” type = “text”>
</form>