Coisa pequena em HTML. Criação de formulários HTML

25.10.2021

Formulários HTML são controles usados para coletar informações dos visitantes do site.

Os formulários da Web consistem em uma coleção de campos de texto, botões, listas e outros controles que são ativados com um clique do mouse. Tecnicamente, os formulários passam dados do usuário para um servidor remoto.

Para receber e processar dados de formulários, linguagens de programação web como PHP, Perl.

Antes do advento do HTML5, os formulários web eram uma coleção de vários elementos , terminando com um botão . Foi preciso muito esforço para estilizar formulários em diferentes navegadores. Além disso, os formulários exigiam o uso de JavaScript para validar os dados inseridos e também não possuíam tipos específicos de campos de entrada para especificar informações cotidianas, como datas, endereços e-mail e URLs.

Formulários HTML5 resolveu a maioria desses problemas comuns graças à presença de novos atributos, proporcionando a capacidade de mudar aparência elementos de forma devido a CSS3.

Arroz. 1. Formulários Web aprimorados com HTML5

Criando um formulário HTML5

1. Elemento

A base de qualquer forma é o elemento .... Não requer nenhuma entrada, pois é um contêiner, mantendo todos os controles do formulário juntos - campos. Os atributos deste elemento contêm informações comuns a todos os campos do formulário, portanto, os campos combinados logicamente devem ser incluídos em um formulário.

Tabela 1. Atributos de tag

Atributo	Significado/Descrição
aceitar conjunto de caracteres	O valor do atributo é um espaço separado lista de codificações de caracteres, que será usado para enviar o formulário, por exemplo, .
Ação	Atributo obrigatório, que especifica a URL do manipulador de formulário no servidor para o qual os dados são enviados. É um arquivo (por exemplo, action.php) que descreve o que precisa ser feito com os dados do formulário. Se o valor do atributo não for especificado, depois que a página for recarregada, os elementos do formulário assumirão seus valores padrão. Se todo o trabalho for feito no lado do cliente por scripts JavaScript, você poderá especificar o valor # para o atributo action. Você também pode providenciar para que o formulário preenchido pelo visitante seja enviado a você por e-mail. Para fazer isso, você precisa fazer a seguinte entrada:
preenchimento automático
tipo de código	Usado para indicar MIME-tipo de dados enviados junto com o formulário, por exemplo, enctype="multipart/form-data" . Especificado apenas no caso de method="post" . application/x-www-form-urlencoded é o tipo de conteúdo padrão, indicando que os dados passados representam uma lista de variáveis de formulário codificadas em URL. Caracteres de espaço (ASCII 32) serão codificados como + e um caractere especial como ! será codificado em hexadecimal como %21 . multipart/form-data - usado para enviar formulários contendo arquivos, dados não-ASCII e dados binários, consiste em várias partes, cada uma das quais representa o conteúdo elemento individual formulários. text/plain - indica que texto simples (não HTML) está sendo transmitido.
método	Especifica como os dados do formulário são enviados. O método get passa dados para o servidor através da barra de endereço do navegador. Ao gerar uma solicitação ao servidor, todas as variáveis e seus valores formam uma sequência como www.anysite.ru/form.php?var1=1&var2=2 . Os nomes e valores das variáveis são anexados ao endereço do servidor após o sinal? e são separados por &. Todos caracteres especiais e letras não latinas são codificadas no formato %nn, o espaço é substituído por +. Este método deve ser usado se você não estiver transferindo grandes quantidades de informações. Se você pretende enviar um arquivo junto com o formulário, esse método não funcionará. O método post é utilizado para enviar grandes quantidades de dados, além de informações confidenciais e senhas. Os dados enviados por meio deste método não ficam visíveis no cabeçalho da URL porque estão contidos no corpo da mensagem.
nome	Conjuntos nome do formulário, que será usado para acessar elementos do formulário por meio de scripts, como name="opros" .
novalidar	Desativa a validação no botão de envio do formulário. O atributo é usado sem especificar um valor
alvo	Especifica a janela para a qual as informações serão enviadas: _em branco - nova janela _self - o mesmo quadro _parent — quadro pai (se existir, se não, então para o atual) _top é a janela de nível superior relativa a este quadro. Se a chamada não vier de um quadro filho, então para o mesmo quadro.

2. Agrupando elementos do formulário

Elemento

...

projetado para agrupar elementos relacionados entre si, dividindo assim a forma em fragmentos lógicos.

Cada grupo de elementos pode ser nomeado usando o elemento , que vem imediatamente após a tag

. O nome do grupo aparece na borda superior esquerda

. Por exemplo, se em um elemento

As informações de contato são armazenadas:

Arroz. 2. Agrupando elementos do formulário usando

Tabela 2. Atributos de tag

Atributo	Significado/Descrição
desabilitado	Se o atributo estiver presente, então um grupo de elementos de formulário relacionados localizados dentro do contêiner , desativado para preenchimento e edição. Usado para restringir o acesso a determinados campos de formulário contendo dados inseridos anteriormente. O atributo é usado sem especificar um valor - .
forma	no mesmo documento. Indica um ou mais formulários aos quais este grupo de elementos pertence. Sobre no momento atributo não é suportado por nenhum navegador.
nome	Define Nome, que será usado para fazer referência a elementos em JavaScript ou para fazer referência a dados do formulário após o formulário ter sido preenchido e enviado. É análogo ao atributo id.

3. Crie campos de formulário

Elemento cria a maioria dos campos de formulário. Os atributos de um elemento diferem dependendo do tipo de campo que o elemento é usado para criar.

Usando estilos CSS você pode alterar o tamanho da fonte, tipo de fonte, cor e outras propriedades do texto, bem como adicionar bordas, cor de fundo e imagem de fundo. A largura do campo é especificada pela propriedade width.

Tabela 3. Atributos de tag

Atributo	Significado/Descrição
aceitar	Determina o tipo de arquivo que pode ser enviado ao servidor. Indicado apenas para . Valores possíveis: file_extension - permite baixar arquivos com a extensão especificada, por exemplo, accept=".gif" , accept=".pdf" , accept=".doc" audio/* - permite baixar arquivos de áudio video/* - permite baixar arquivos de vídeo image/* - permite carregar imagens media_type – indica o tipo de mídia dos arquivos baixados.
alternativo	Define texto alternativo para imagens, indicado apenas para .
preenchimento automático	Responsável por lembrar os valores inseridos no campo de texto e substituí-los automaticamente na próxima vez que você inserir: on - significa que o campo não está protegido e seu valor pode ser armazenado e recuperado, off - desativa o preenchimento automático para campos de formulário.
foco automático	Permite ter certeza de que no formulário carregado um ou outro campo de entrada já está em foco (foi selecionado), estando pronto para inserir um valor.
verificado	O atributo verifica se a caixa de seleção padrão está marcada no carregamento da página para campos como type="checkbox" e type="radio" .
desabilitado
forma	O valor do atributo deve ser igual ao atributo id do elemento no mesmo documento. Identifica um ou mais formulários aos quais este campo de formulário pertence.
formação	Especifica a url do arquivo que irá processar os dados inseridos nos campos ao enviar o formulário. Defina apenas para campos de type="submit" e type="image" . O atributo substitui o valor do atributo action do próprio formulário.
tipo de formulário	Determina como os dados do campo do formulário serão codificados quando enviados ao servidor. Substitui o valor do atributo enctype do formulário. Defina apenas para campos de type="submit" e type="image" . Opções: application/-x-www-form-urlencoded é o valor padrão. Todos os caracteres são codificados antes do envio (os espaços são substituídos pelo caractere +, os caracteres especiais são convertidos em valores ASCII HEX) multipart/form-data - caracteres não são codificados text/plain - os espaços são substituídos pelo símbolo + e os caracteres especiais não são codificados.
método de formulário	O atributo especifica o método que o navegador usará para enviar os dados do formulário ao servidor. Defina apenas para campos de type="submit" e type="image" . Substitui o valor do atributo de método do formulário. Opções: get é o valor padrão. Os dados do formulário (par nome/valor) são adicionados à url e enviados ao servidor: URL?name=value&name=value os dados pós-formulário são enviados como uma solicitação http.
formulárionovalidar	Especifica que os dados do campo do formulário não devem ser validados quando o formulário for enviado. Substitui o valor do atributo novalidate do formulário. Pode ser usado sem especificar um valor de atributo.
formuláriotarget	Determina onde exibir a resposta recebida após o envio do formulário. Defina apenas para campos de type="submit" e type="image" . Substitui o valor atributo alvo formulários. _parent – carrega a resposta no quadro pai _top – carrega a resposta em tela cheia framename – carrega a resposta em um quadro com o nome especificado.
altura	O valor do atributo contém o número de pixels sem especificar uma unidade de medida. Define a altura de um campo de formulário do tipo type="image" , por exemplo, . Recomenda-se definir a altura e a largura do campo ao mesmo tempo.
lista	É uma referência a um elemento , contém seu id . Permite fornecer ao usuário diversas opções de escolha quando ele começa a inserir um valor no campo correspondente.
máx.	Permite limitar a entrada de dados numéricos permitida a um valor máximo; o valor do atributo pode conter um número inteiro ou; número fracionário. Recomenda-se usar este atributo em conjunto com o atributo min. Funciona com os seguintes tipos de campo: número, intervalo, data, data e hora, data e hora local, mês, hora e semana.
comprimento máximo	O atributo especifica o número máximo de caracteres inseridos no campo. O valor padrão é 524288 caracteres.
min	Permite limitar a entrada numérica permitida a um valor mínimo.
múltiplo	Permite que o usuário insira vários valores de atributos, separados por vírgula. Aplica-se a arquivos e endereços de e-mail. Especificado sem valor de atributo.
nome	Especifica o nome que será utilizado para acessar o elemento , por exemplo, em tabelas estilos css. É análogo ao atributo id.
padrão	Permite que você determine usando expressão regular a sintaxe dos dados que devem poder ser inseridos em um campo específico. Por exemplo, pattern="(3)-(3)" - colchetes definem o intervalo de caracteres válidos, neste caso - qualquer letras minúsculas, o número entre chaves indica que você precisa de três letras minúsculas, seguidas de um travessão e, em seguida, três números variando de 0 a 9.
espaço reservado	Contém o texto que é exibido no campo de entrada antes de ser preenchido (geralmente é uma dica de ferramenta).
somente leitura	Não permite ao usuário alterar os valores dos elementos do formulário; Especificado sem valor de atributo.
obrigatório	Exibe uma mensagem indicando que este campo é obrigatório. Caso o usuário tente enviar o formulário sem inserir o valor obrigatório neste campo, uma mensagem de aviso será exibida na tela. Especificado sem valor de atributo.
tamanho	Define a largura visível do campo em caracteres. O valor padrão é 20. Funciona com os seguintes tipos de campos: texto, pesquisa, tel, url, email e senha.
fonte	Especifica o URL da imagem usada como botão de envio do formulário. Indicado apenas para o campo .
etapa	Usado para elementos que requerem entrada valores numéricos, indica a quantidade para aumentar ou diminuir os valores durante o ajuste da faixa (etapa).
tipo	botão - cria um botão.
	caixa de seleção - transforma um campo de entrada em uma caixa de seleção que pode ser marcada ou desmarcada, por exemplo. eu tenho um carro
	color - Gera paletas de cores em navegadores compatíveis, permitindo aos usuários selecionar valores de cores em formato hexadecimal.
	data — permite inserir uma data no formato dd.mm.aaaa. Aniversário:
	datetime-local - permite inserir uma data e hora separadas por uma letra T maiúscula usando o padrão dd.mm.yyyy hh:mm. Aniversário – dia e horário:
	email - Os navegadores que suportam este atributo esperam que o usuário insira dados que correspondam à sintaxe dos endereços de email. E-mail:
	arquivo - permite baixar arquivos do computador do usuário. Selecione o arquivo:
	oculto - Oculta o controle, que não é exibido pelo navegador e evita que o usuário altere os valores padrão.
	imagem - cria um botão, permitindo inserir uma imagem em vez de texto no botão.
	mês - Permite ao usuário inserir o número do ano e do mês usando o padrão aaaa-mm.
	número - destinado à inserção de valores inteiros. Seus atributos min , max e step especificam os limites superior, inferior e o passo entre os valores, respectivamente. Esses atributos são assumidos para todos os elementos que possuem indicadores numéricos. Seus valores padrão dependem do tipo de elemento. Indique a quantidade (de 1 a 5):
	senha - cria campos de texto no formulário, enquanto os caracteres inseridos pelo usuário são substituídos por asteriscos, marcadores ou outros, instalado pelo navegadorícones. Digite a senha:
	rádio - cria um switch - um controle na forma de um pequeno círculo que pode ser ligado ou desligado. Vegetariano:
	intervalo - permitirá que você crie um elemento de interface, como um controle deslizante, min / max - permitirá que você defina o intervalo de seleção
	redefinir - cria um botão que limpa os campos do formulário dos dados inseridos pelo usuário.
	pesquisa - denota um campo de pesquisa; por padrão, o campo de entrada tem formato retangular. Procurar:
	enviar - cria um botão padrão que é ativado com um clique do mouse. O botão coleta informações do formulário e as envia para processamento.
	text - Cria campos de texto em um formulário, gerando um campo de texto de linha única para entrada de texto.
	hora - permite inserir a hora no formato de 24 horas usando o padrão hh:mm. Em navegadores compatíveis, ele aparece como um controle de campo de entrada numérico com um valor editável pelo mouse e permite apenas a inserção de valores de tempo. Especifique o horário:
	url — o campo destina-se à especificação de URLs. Página inicial:
	semana - A ferramenta de ponteiro correspondente permite ao usuário selecionar uma semana do ano, após a qual fornecerá a entrada de dados no formato nn-aaaa. Dependendo do ano, o número de semanas pode ser 52 ou 53. Especifique a semana:
valor	Determina o texto que aparece em um botão, campo ou texto associado. Não especificado para campos do tipo arquivo.
largura	O valor do atributo contém o número de pixels. Permite definir a largura dos campos do formulário.

4. Campos de entrada de texto

Elemento ... usado em vez de elemento quando você precisa criar campos de texto grandes. O texto exibido como valor original é colocado dentro da tag. As dimensões do campo são definidas usando os atributos cols - dimensões horizontais, rows - dimensões verticais. A altura do campo pode ser definida usando a propriedade height. Todos os tamanhos são calculados com base no tamanho de um caractere em uma fonte monoespaçada.

Tabela 4. Atributos de tag

<tr><th>Atributo</th>
<th>Significado/Descrição</th>
</tr><tr><td>foco automático</td>
<td>Define o foco para o campo de texto inicial desejado automaticamente.</td>
</tr><tr><td>colunas</td>
<td>Define a largura em termos do número de caracteres.  Se o usuário inserir mais texto, uma barra de rolagem será exibida.</td>
</tr><tr><td>desabilitado</td>
<td>Desativa a capacidade de editar e copiar o conteúdo do campo.</td>
</tr><tr><td>forma</td>
<td>O valor do atributo deve ser igual ao valor do atributo id do elemento <form>no mesmo documento.  Identifica um ou mais formulários aos quais este campo de texto pertence.</td>
</tr><tr><td>comprimento máximo</td>
<td>O valor do atributo especifica o número máximo de caracteres a serem inseridos no campo.</td>
</tr><tr><td>nome</td>
<td>Especifica o nome do campo de texto.</td>
</tr><tr><td>espaço reservado</td>
<td>Define um prompt de texto curto que descreve o valor de entrada esperado.</td>
</tr><tr><td>somente leitura</td>
<td>Desativa a capacidade de editar o conteúdo do campo.</td>
</tr><tr><td>obrigatório</td>
<td>Exibe uma mensagem indicando que este campo é obrigatório.</td>
</tr><tr><td>linhas</td>
<td>Especifica um número que indica quantas linhas devem ser exibidas na área de texto.</td>
</tr><tr><td>enrolar</td>
<td>Determina se o texto deve preservar as quebras de linha quando o formulário for enviado.  O valor hard preserva o carry, mas o valor soft não.  Se hard for usado, o valor do atributo cols deverá ser especificado.</td>
</tr></table><h3>5. Lista suspensa</h3>
<p>As listas permitem que você organize <a href="https://rembitpro.ru/pt/viruses/servisy-gugl-zhrut-batareyu-chto-delat-sluzhby-google-sazhayut-batareyu-google-play/">grande número</a> pontos de forma compacta.  As listas suspensas são criadas usando o elemento <select>...</select>.  Eles permitem selecionar um ou mais valores do conjunto proposto.  Por padrão, uma caixa de listagem exibe seu primeiro elemento.</p>
<p>Elementos são usados para adicionar itens à lista <option>...</option>, que estão localizados dentro <select> .</p>
<p>Para sistematizar listas, use o elemento <optgroup>...</optgroup>, que cria cabeçalhos em listas.</p>
<p>Para listas, você pode alterar o tamanho da fonte, tipo de fonte, cor e outras propriedades do texto, bem como adicionar bordas, cor de fundo e imagem de fundo.</p>
<table class="t3">Tabela 5. Atributos de tag <select>
<tr><th>Atributo</th>
<th>Significado/Descrição</th>
</tr><tr><td>foco automático</td>
<td>Define o foco automático em um elemento quando a página é carregada.</td>
</tr><tr><td>desabilitado</td>
<td>Desativa a lista suspensa.</td>
</tr><tr><td>forma</td>
<td>Define o formulário ao qual pertence <a href="https://rembitpro.ru/pt/programs/excel-po-ubyvaniyu-kak-sdelat-sortirovku-v-excel-po-vozrastaniyu-i/">esta lista</a>.  O valor do atributo é o identificador do formulário.</td>
</tr><tr><td>múltiplo</td>
<td>Permite selecionar um ou mais itens; para isso, ao selecionar é necessário pressionar e segurar a tecla Ctrl;</td>
</tr><tr><td>nome</td>
<td>Define um nome para a lista suspensa.  O valor do atributo contém um nome que reflete o assunto da lista.</td>
</tr><tr><td>obrigatório</td>
<td>Exibe uma mensagem indicando que o usuário deve selecionar um valor na lista suspensa antes de enviar o formulário.</td>
</tr><tr><td>tamanho</td>
<td>Define o número de itens da lista visíveis na tela ao mesmo tempo.  Se o número de itens da lista exceder o número especificado, uma barra de rolagem será exibida.  O valor do atributo é especificado como um número inteiro positivo.</td>
</tr></table><h3>6. Rótulos para campos de formulário</h3>
<p>Rótulos para elementos de formulário são criados usando o elemento <label>...</label>.  Existem duas maneiras de agrupar rótulos e campos.  Se o campo estiver dentro de um elemento <label>, então o atributo for não precisa ser especificado.</p><p>
 
<label for="comments">Quando foi a última vez que você voou de avião?</label>
<textarea id="comments">

Gato

7. Botões

Elemento cria botões clicáveis. Ao contrário dos botões criados ( , , , ), dentro do elemento .

Os botões permitem que os usuários enviem dados para um formulário, limpem o conteúdo do formulário ou realizem alguma outra ação. Você pode criar bordas, alterar o plano de fundo e alinhar o texto em um botão.

Tabela 9. Atributos de tag

Atributo	Significado/Descrição
foco automático	Define o foco para o botão quando a página é carregada.
desabilitado	Desativa o botão, tornando-o inclicável.
forma	Indica um ou mais formulários aos quais este botão pertence. O valor do atributo é o identificador do formulário correspondente.
formação	O valor do atributo contém a URL do manipulador de dados do formulário enviado quando o botão é clicado. Somente para o tipo de botão type="submit" . Substitui o valor do atributo de ação especificado para o elemento .
tipo de formulário	Define o tipo de codificação dos dados do formulário antes de enviá-los ao servidor quando botões como type="submit" são clicados. Substitui o valor do atributo enctype especificado para o elemento . Valores possíveis: application/x-www-form-urlencoded é o valor padrão. Todos os caracteres serão codificados antes do envio. multipart/form-data - caracteres não são codificados. Usado quando os arquivos são carregados usando um formulário. text/plain - os caracteres não são codificados e os espaços são substituídos pelo símbolo +.
método de formulário	O atributo especifica o método que o navegador usará para enviar o formulário. Substitui o valor do atributo de método especificado para o elemento . Especificado apenas para botões do tipo type="submit". Valores possíveis: get - os dados do formulário (par nome/valor) são adicionados à url e enviados ao servidor. Este método possui restrições quanto ao tamanho dos dados enviados e não é adequado para envio de senhas e informações confidenciais. post - os dados do formulário são adicionados como uma solicitação http. O método é mais confiável e seguro do que get e não possui restrições de tamanho.
formulárionovalidar	O atributo especifica que os dados do formulário não devem ser validados no momento do envio. Especificado apenas para botões do tipo type="submit".
formuláriotarget	O atributo especifica em qual janela exibir o resultado após o envio do formulário. Especificado apenas para botões do tipo type="submit". Substitui o valor do atributo de destino especificado para o elemento . _blank - carrega a resposta em uma nova janela/aba _self - carrega a resposta na mesma janela (padrão) _parent – carrega a resposta no quadro pai _top – carrega a resposta em tela cheia framename - carrega a resposta em um quadro com o nome especificado.
nome	Define o nome do botão, o valor do atributo é texto. Usado para vincular aos dados do formulário após o envio do formulário ou para vincular a um determinado botão em JavaScript.
tipo	Define o tipo de botão. Valores possíveis: botão - botão clicável reset – botão reset, retorna o valor original enviar - botão para enviar dados do formulário.
valor	Define o valor padrão enviado quando o botão é clicado.

8. Caixas de seleção e botões de opção em formulários

As caixas de seleção nos formulários são definidas usando a construção , e o switch - usando .

As caixas de seleção, diferentemente dos botões de opção, podem ser definidas como várias em um único formulário. Se o atributo verificado for especificado para caixas de seleção, quando a página for carregada, as caixas de seleção nos campos de formulário correspondentes já estarão marcadas.

Elemento usado ao implementar a seleção usando botões de opção e caixas de seleção. Você pode selecionar o item desejado simplesmente clicando no texto associado a ele. Para fazer isso você precisa colocar dentro do elemento .

Descrição

Etiqueta HTML cria um formulário HTML que é usado para enviar a entrada do usuário ao servidor.

Como o formulário em si não fornece nenhum meio de entrada do usuário, dentro do elemento conter outros elementos cuja finalidade é fornecer ao usuário várias maneiras entrada de dados:

Além desses elementos, você pode usar quaisquer outros elementos HTML dentro do formulário.

Por padrão, o formulário não é exibido de forma alguma na página web, apenas os elementos localizados dentro dele ficam visíveis, mas com usando CSS Você pode dar qualquer aparência à forma.

Atributos

aceitar-charset: Especifica uma codificação de caracteres, ou uma lista de conjuntos de caracteres separados por espaço, para entrada de formulário enviada ao servidor para processamento. Se os dados incluírem caracteres que não são suportados pela codificação especificada, o navegador tentará determinar a codificação apropriada para eles. Se uma codificação apropriada não puder ser determinada, os caracteres serão codificados em códigos numéricos.

O valor padrão é a string reservada "UNKNOWN" (os navegadores interpretam este valor como uma codificação de caracteres idêntica à do documento que contém o elemento ).

ação: Indica o endereço para envio dos dados do formulário preenchido, onde essas informações serão processadas. preenchimento automático: determina se o preenchimento automático do formulário deve ser ativado ou desativado. Quando o preenchimento automático está ativado, o navegador preenche automaticamente os valores que o usuário inseriu na última vez em que utilizou o formulário. Valores de atributos possíveis:
sobre: o navegador exibe automaticamente os valores inseridos anteriormente pelo usuário (valor padrão).

desligado:

O usuário deve inserir os valores de cada campo cada vez que o formulário for utilizado. Os valores inseridos anteriormente não serão mostrados.

Nota: O atributo autocomplete não é compatível com o navegador Opera. Enctype: especifica como os dados do formulário são codificados quando enviados ao servidor. Só pode ser usado em conjunto com o atributo method="post". Valores possíveis:
aplicativo/x-www-form-urlencoded: padrão: todos os caracteres são codificados antes do envio (os espaços são convertidos em caracteres "+" e os caracteres especiais são convertidos em valores ASCII HEX). dados multipart/formulário:
caracteres não são codificados. Usado para elementos, cujo atributo type está definido como "arquivo".

texto/simples:

os espaços são convertidos no caractere "+", mas não codifica caracteres especiais, como apóstrofos, em valores hexadecimais. método: especifica o método de transferência de dados HTTP que será usado ao enviar dados do formulário. Valores possíveis: pegar: Os dados são passados para a barra de endereço do navegador como pares nome=valor, anexando-os ao final do URL. Um ponto de interrogação (?) é usado como separador entre o URL principal e os dados transmitidos, e um caractere e comercial (&) é usado para separar os dados transmitidos uns dos outros.
Este método usado ao enviar pequenos dados.

Se o atributo method não for especificado, o método GET será usado por padrão.

nome: especifica o nome do formulário. O nome pode ser usado em JavaScript para se referir a um elemento pelo nome ou para se referir aos dados do formulário após seu envio. Se vários formulários forem usados em um documento, seus nomes não deverão ser repetidos e uma string vazia não deverá ser deixada como valor do atributo. novalidate: Indica que os dados inseridos no formulário não serão validados antes do envio. Valores possíveis para o atributo booleano novalidate: Nota: o atributo novalidate não é compatível com IE9 e versões posteriores

versões anteriores e no Safari. Destino: especifica o nome do quadro ou

palavra-chave, que especifica onde exibir a resposta recebida após o envio do formulário.
_em branco: abre o documento em uma nova janela ou guia.
_auto: abre um documento no mesmo diretório onde o link está localizado (valor padrão).
_pai: abre o documento no quadro pai.
_principal: abre o documento em toda a largura da janela.

nome_quadro: abre um documento em um iframe cujo nome foi especificado como valor.

Marcação

também oferece suporte a atributos e eventos globais

Estilo padrão

formulário (display: bloco; margin-top: 0em; )
Nome:

Descrição

nome_quadro:

Sobrenome:

Rato

instala um formulário em uma página da web. O formulário destina-se à troca de dados entre o usuário e o servidor. O escopo de aplicação dos formulários não se limita ao envio de dados ao servidor através de scripts clientes, você pode acessar qualquer elemento do formulário, alterá-lo e aplicá-lo a seu critério. Um documento pode conter qualquer número de formulários, mas apenas um formulário pode ser enviado ao servidor por vez. Por esse motivo, os dados do formulário devem ser independentes uns dos outros.

Para enviar o formulário ao servidor, utilize o botão Enviar, o mesmo pode ser feito pressionando a tecla Enter dentro do formulário. Se o botão Enviar estiver faltando no formulário, Digite a chave imita seu uso.

Quando o formulário é enviado ao servidor, o controle dos dados é transferido para o programa especificado pelo atributo action da tag

Os parâmetros são listados após o ponto de interrogação especificado após o endereço do programa CGI e são separados por um caractere e comercial (&). Os caracteres não latinos são convertidos em representação hexadecimal (no formato %HH, onde HH é o código hexadecimal para o valor do caractere ASCII) e o espaço é substituído por um sinal de mais (+).

Permitido dentro do contêiner coloque outras tags, enquanto o formulário em si não é exibido de forma alguma na página da web, apenas seus elementos e os resultados das tags aninhadas são visíveis.

Sintaxe

...

Atributos

Define a codificação na qual o servidor pode receber e processar dados.

O endereço do programa ou documento que processa os dados do formulário.

Permite o preenchimento automático de campos de formulário.

O método para codificar dados de formulário.

Método de protocolo HTTP.

Como você acha que significa a abreviatura "OS"? a1 Oficiais

sistema operacional

Elemento Um formulário HTML é a parte de um documento que permite ao usuário inserir informações de interesse, que posteriormente podem ser aceitas e processadas no servidor. Em outras palavras, os formulários são utilizados para coletar informações inseridas pelos usuários. Tag emparelhada sintaticamente define um formulário em um documento HTML. Elemento em geral, é simplesmente um contêiner dentro do qual vários rótulos, controles e tipos de elementos de entrada, caixas de seleção, botões de opção, botões de envio e outros elementos HTML podem ser colocados.

Elemento

A principal tarefa do formulário é aceitar as informações recebidas do usuário e transferi-las para processamento posterior no servidor.

O elemento possui a seguinte sintaxe:

elementos de formulário			é		elemento principal do formulário	e define um campo personalizado para inserir informações. O campo de entrada aceita
	tipo diferente	tipo diferente	tipo diferente	tipo diferente	tipo diferente	tipo diferente

Atributos

Atributo	, dependendo do valor do atributo type aplicado a este elemento.	pode conter um ou mais dos seguintes elementos de formulário:
Suporte ao navegador	Marcação	Ópera Explorador
Borda	Sim	Especifica a codificação usada no formulário submetido (o valor por omissão é uma string reservada "desconhecido", que indica que a codificação corresponde à codificação do documento que contém o elemento ).
Ação	URL	Define o endereço para onde o formulário será enviado (por padrão a ação é definida para a página atual).
preenchimento automático	sobre desligado	Especifica se o navegador pode preencher automaticamente os elementos do formulário (habilitado por padrão). Este atributo ajuda a preencher os campos do formulário com o texto inserido anteriormente neles (a menos que seja desativado pelas configurações do navegador).
tipo de código	aplicativo/x-www-form-urlencoded multipart/form-data texto/simples	Determina como os dados do formulário são codificados quando são enviados. Valor padrão aplicativo/x-www-form-urlencoded.
método	pegar publicar	O atributo determina qual Método HTTP(get ou post) é usado ao enviar um formulário. O método get é o padrão.
nome	texto	Define o nome do formulário, que é utilizado para identificação (especifica o nome do formulário).
novalidar	novalidar	Indica que os dados inseridos no formulário pelo usuário não são verificados quanto à exatidão.
alvo	_em branco _auto _pai _principal nome do quadro	Usando o atributo, informamos ao navegador onde mostrar a resposta recebida após o envio do formulário (guia, janela atual ou quadro). O valor padrão é _self – exibe a resposta na janela atual.

Exemplo de uso

</span> Exemplo <a href="https://rembitpro.ru/pt/data-recovery/kak-sdelat-kartinku-ssylkoi-v-html-vkontakte-na-forume-i-s-pomoshchyu-css/">usando HTML</a> formulários <span> formulário (display: bloco; margin-top: 0em; )
Sobrenome: "Insira o sobrenome">
Homem Mulher
Sobre mim:
Menores de 18 anos
Dos 18 aos 35
Mais de 35
Casado
Há um gato

E assim, em ordem, o que fizemos neste exemplo:

Publicado dois campos de texto de linha única ( ) para que o usuário insira seu nome e sobrenome. Nomes exclusivos atribuídos a esses campos usando o atributo name ( para correta transmissão e processamento do formulário, certifique-se de indicar para cada elemento este atributo). Além disso, o atributo value foi definido com valores padrão para esses campos (ao preencher os campos, o valor deste atributo corresponderá à entrada do usuário).
Publicado dois botões de opção ( ) para selecionar uma dentre um número limitado de opções. Observe que para botões de opção o mesmo nome deve ser especificado para que você possa escolher apenas uma opção dentre as oferecidas.

primeiro

Ao navegar pelos sites, o usuário geralmente apenas clica em links para navegar nas páginas da web.

Mas está claro que o usuário às vezes precisa fornecer seu próprio campos de entrada. Esses tipos de interações incluem:

cadastro e login em sites;
inserindo informações pessoais (nome, endereço, dados Cartão de crédito etc.);
filtragem de conteúdo (usando listas suspensas, caixas de seleção, etc.);
realizando uma pesquisa;
baixando arquivos.

Para acomodar essas necessidades, o HTML oferece recursos interativos controles formulários:

campos de texto (para uma ou mais linhas);
interruptores;
caixas de seleção;
listas suspensas;
widgets para download;
enviar botões.

Esses controles envolvem diferentes etiquetas HTML, mas a maioria deles usa a tag . Por ser um elemento de fechamento automático, o tipo do campo é determinado pelo seu atributo type:

Elemento

é um elemento de bloco que define interativo parte de uma página da web. Como resultado, todos os controles (como , ou <button>) deve ser <i>dentro</i> elemento <form> .</p><p>Dois atributos HTML <b>necessário</b>:</p><ul><li>ação contém um endereço que determina <i>Onde</i> as informações do formulário serão enviadas;</li><li>método pode ser GET ou POST e determina se <i>Como</i> As informações do formulário serão enviadas.</li> </ul><p>Normalmente, as informações do formulário são enviadas para <b>servidor</b>. <i>Como</i> esses dados serão então processados além do escopo deste manual.</p><p>Pense em um formulário como uma coleção de controles que trabalham juntos para realizar <b>um</b> operação. Se você escreveu um formulário de login do site, você pode ter <b>três</b> campos:</p><ul><li>campo de e-mail <input type="email"> </li><li>campo de senha <input type="password"> </li><li>botão enviar <input type="submit"> </li> </ul><p>Esses três <a href="https://rembitpro.ru/pt/wi-fi-setup/css-dvoinaya-ramka-sozdanie-ramok-sredstvami-css-kak-sdelat/">Elemento HTML</a> estará contido em um formulário <span><form action="/login" method="POST"> </span>.</p><p>Da mesma forma, você pode adicionar um formulário de registro na mesma página HTML, em um elemento separado <form> .</p><h2>Campos de texto</h2><p>Quase todos os formulários exigem <b>texto</b> entrada dos usuários para inserir seu nome, endereço de e-mail, senha, endereço, etc. Os campos de texto do formulário vêm em diferentes variedades.</p><p>Embora esses campos sejam muito semelhantes e permitam aos usuários inserir qualquer tipo de texto (mesmo os incorretos), seu tipo fornece uma <b>semântica</b> para entrada, determinando quais informações o campo <b>deve</b> conter.</p><p>Posteriormente, os navegadores poderão alterar ligeiramente a interface do controle para melhorar <i>interatividade</i> ou sugerir qual conteúdo é esperado.</p><p>Por exemplo, o campo de senha mostra pontos em vez de símbolos. E o campo numérico permite aumentar/diminuir o valor usando as teclas para cima e para baixo.</p><h2>espaço reservado</h2><p>Os campos de texto podem exibir <b>sugestivo</b> texto que desaparecerá assim que algum texto for inserido.</p><p> <input type="text" placeholder="Digite seu nome"> </p><p>Se você começar a digitar algo, verá o texto “Digite seu nome” desaparecer.</p><h2><label></h2><p>Como os elementos do formulário em si não são muito descritivos, geralmente são precedidos por texto. <b>rótulo</b>.</p><p> <label>E-mail</label> <input type="email"> </p><p>Embora o espaço reservado já forneça algumas dicas sobre qual conteúdo é esperado, os rótulos têm a vantagem de permanecer sempre visíveis e podem ser usados junto com outros tipos de elementos de formulário, como caixas de seleção ou botões de opção.</p><p>Embora você possa usar parágrafos curtos para descrever elementos de formulário, usar <label>é semanticamente mais correto porque eles existem apenas em formas. <label>também pode ser associado a um elemento de formulário específico usando o atributo for correspondente ao valor id do campo.</p><p> <label for="first_name">Nome</label> <input id="first_name" type="text"> </p><p>Ao clicar no rótulo, o foco vai para o campo de texto e coloca o cursor dentro dele. Até agora, este pacote parece inútil, mas será útil com caixas de seleção e opções.</p><h2>Caixas de seleção</h2><p><b>Caixas de seleção</b>- São elementos de formulário que possuem apenas dois estados: ativado ou desativado. Eles basicamente permitem que o usuário diga “Sim” ou “Não” a alguma coisa.</p><p> <input type="checkbox">Lembre de mim</p><p>Como pode ser difícil clicar em uma caixa de seleção pequena, é recomendável colocar a caixa de seleção e sua descrição dentro <label> .</p><p> <label> <input type="checkbox">Eu concordo com os termos</label> </p><p>Você pode clicar no texto “Concordo com os termos” para alternar a caixa de seleção.</p><p>Por padrão, a caixa de seleção está desabilitada. Você pode marcá-lo como ativado simplesmente usando o atributo verificado.</p><p> <label> <input type="checkbox" checked>Usar meu endereço de cobrança</label> </p><h2>Interruptores</h2><p>Você pode fornecer ao usuário <b>lista de opções</b> selecionável usando interruptores.</p><p>Para que este elemento de formulário funcione, seu código HTML deve <b>grupo</b> lista de botões de opção juntos. Isso é conseguido usando o mesmo valor para o atributo name:</p><p> <label>Estado civil</label> <label> <input type="radio" name="status">Solteiro</label> <label> <input type="radio" name="status">Casado</label> <label> <input type="radio" name="status">Divorciado</label> <label> <input type="radio" name="status">Viúvo</label> </p><p>Como todos os botões de opção usam o mesmo valor para o atributo name (nesse caso, o valor de status ), a seleção de uma opção substituirá todas as outras. Os interruptores são <b>mutuamente exclusivos</b>.</p><h3>Diferença entre botões de opção e caixas de seleção</h3><p>Embora a caixa de seleção exista <b>sozinho</b>, as opções só podem aparecer no formato <b>lista</b>(o que significa pelo menos duas opções).</p><p>Além disso, clicar na caixa de seleção é <b>arbitrário</b>, enquanto a seleção de um dos botões de opção é <b>obrigatório</b>. É por isso que não é possível desligar o interruptor se você selecionar a opção mais próxima. No final, uma das opções está sempre selecionada.</p><h2>Menus suspensos</h2><p>Se o número de opções disponíveis ocupar muito espaço, você poderá usar os menus suspensos <select> .</p><p>Eles funcionam de forma semelhante aos switches, apenas o layout é diferente.</p><p> <select> <option>Janeiro</option> <option>Fevereiro</option> <option>Marchar</option> <option>abril</option> <option>Poderia</option> <option>Junho</option> <option>Julho</option> <option>Agosto</option> <option>Setembro</option> <option>outubro</option> <option>novembro</option> <option>dezembro</option> </select> </p><h3>Seleção múltipla no menu suspenso</h3><p>Se você adicionar o atributo múltiplo, poderá fornecer a capacidade de selecionar diversas opções.</p><p> <label>Quais navegadores você usa?</label> <select multiple> <option><a href="https://rembitpro.ru/pt/internet/pravilnaya-pereustanovka-brauzera-google-chrome-bez-poteri-zakladok-pereustanovka/">Google Chrome</a></option> <option><a href="https://rembitpro.ru/pt/data-recovery/ustanovka-plagina-crypto-interface-plugin-dlya-raboty-s-elektronnoi-podpisyu-v/">Internet Explorer</a></option> <option><a href="https://rembitpro.ru/pt/wi-fi-setup/ustanovka-plagina-kriptopro-csp-v-brauzere-mozilla-firefox-kripto-pro-ecp/">Mozilla Firefox</a></option> <option>Ópera</option> <option>Safári</option> </select> </p><p>Selecione várias opções segurando Ctrl (ou ⌘) e clicando. Esta pode ser uma boa alternativa ao uso de múltiplas caixas de seleção por linha.</p><h2>Exemplo: formulário de inscrição completo</h2> <form action="/signup" method="POST"> <p> <label>Apelo</label> <label> <input type="radio" name="title" value="senhor">Senhor.</label> <label> <input type="radio" name="title" value="senhora">Sra.</label> </p> <p> <label>Nome</label> <input type="text" name="first_name"> </p> <p> <label>Sobrenome</label> <input type="text" name="last_name"> </p> <p> <label>E-mail</label> <input type="email" name="email"> </p> <p> <label>Telefone</label> <input type="tel" name="phone"> </p> <p> <label>Senha</label> <input type="password" name="password"> </p> <p> <label>Confirme sua senha</label> <input type="password" name="password_confirm"> </p> <p> <label>País</label> <select name="country"> <option>Canadá</option> <option>França</option> <option>Alemanha</option> <option>Itália</option> <option>Japão</option> <option>Rússia</option> <option>Reino Unido</option> <option>EUA</option> </select> </p> <p> <label> <input type="checkbox" name="terms">Eu concordo com os termos de uso</label> </p> <p> <button>Cadastre-se</button> </p> </form> <p>Outros elementos de formulário também estão disponíveis, mas analisamos os mais utilizados.</p> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> <div class="clear"></div> <div class="afterpage author_rank"> <div class="social"> <div class="expert-title">Compartilhe este artigo:</div> <div style="float:left" class="yashare-auto-init" data-yashareL10n="ru" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yasharetheme="counter" data-yasharetype="big"></div> </div> <div class="clear"></div> </div> <div class="clear"></div> <div class="clear"></div> <div class="related_posts"> <div class="title">Artigos relacionados <span></span></div> <ul> <div class='yarpp-related'> <li> <div> <div class="top"> <div class="replace post_243"> <div class="img_border"> <span></span> <img src="/uploads/cf58ebc7cb08e7f6bdfb5206c801c61a.jpg" alt="Como reconhecer convidados do VKontakte - revelando visitantes anônimos" title="Como reconhecer convidados do VKontakte - revelando visitantes anônimos" loading=lazy loading=lazy> </div> </div> </div> <div class="clear"></div> <div class="info"> <div class="date">17 de abril de 2015</div> <a class="replace post_243" href="https://rembitpro.ru/pt/windows/est-li-prilozhenie-kotoroe-pokazyvaet-gostei-vkontakte-kak-uznat-gostei/">Como reconhecer convidados do VKontakte - revelando visitantes anônimos</a> </div> </div> <div class="clear"></div> </li> <li> <div> <div class="top"> <div class="replace post_243"> <div class="img_border"> <span></span> <img src="/uploads/91feda1f12316e7e2bb1d02a927c2f13.jpg" alt="Requisitos de sistema do Neverwinter Online Requisitos de sistema do Neverwinter Online no PC" title="Requisitos de sistema do Neverwinter Online Requisitos de sistema do Neverwinter Online no PC" loading=lazy loading=lazy> </div> </div> </div> <div class="clear"></div> <div class="info"> <div class="date">17 de abril de 2015</div> <a class="replace post_243" href="https://rembitpro.ru/pt/wi-fi-setup/neverwinter-online-sistemnye-trebovaniya-dlya-igry-sistemnye-trebovaniya-neverwinter/">Requisitos de sistema do Neverwinter Online Requisitos de sistema do Neverwinter Online no PC</a> </div> </div> <div class="clear"></div> </li> <li> <div> <div class="top"> <div class="replace post_243"> <div class="img_border"> <span></span> <img src="/uploads/8ba7beeb15ae42a9e9bece1c7cd98130.jpg" alt="Captura de tela de um pedido no Aliexpress Como fazer capturas de tela para prova no Aliexpress" title="Captura de tela de um pedido no Aliexpress Como fazer capturas de tela para prova no Aliexpress" loading=lazy loading=lazy> </div> </div> </div> <div class="clear"></div> <div class="info"> <div class="date">17 de abril de 2015</div> <a class="replace post_243" href="https://rembitpro.ru/pt/viruses/skrinshot-chto-eto-takoe-i-kak-sdelat-skrin-skrinshot-zakaza-na/">Captura de tela de um pedido no Aliexpress Como fazer capturas de tela para prova no Aliexpress</a> </div> </div> <div class="clear"></div> </li> <li> <div> <div class="top"> <div class="replace post_243"> <div class="img_border"> <span></span> <img src="/uploads/a53360c8487b2ffaf2b34fbf9180eae2.jpg" alt="Como pagar com segurança as compras no Aliexpress?" title="Como pagar com segurança as compras no Aliexpress?" loading=lazy loading=lazy> </div> </div> </div> <div class="clear"></div> <div class="info"> <div class="date">17 de abril de 2015</div> <a class="replace post_243" href="https://rembitpro.ru/pt/data-recovery/aliekspress-kak-oplachivat-tovar-kak-bezopasno-platit-za/">Como pagar com segurança as compras no Aliexpress?</a> </div> </div> <div class="clear"></div> </li> </div> </ul> </div> <div class="clear"></div> <div class="clear"></div> <div class="bread_wrap" xmlns:v="http://rdf.data-vocabulary.org/#"> </div> <div class="clear"></div> </div> <div class="sidebar col-xs-12 col-md-3 col-lg-3"> <div class="aside nav podrubriki"><div class="first_title"></div><div class="subnavtitle">Tipos <span></span></div><ul class="subnav"> <li><span class="asideli related-link" data-href="/category/wi-fi-setup/">Configuração de wi-fi</span></li> <li><span class="asideli related-link" data-href="/category/windows/">Windows</span></li> <li><span class="asideli related-link" data-href="/category/viruses/">Vírus</span></li> <li><span class="asideli related-link" data-href="/category/internet/">Internet</span></li> <li><span class="asideli related-link" data-href="/category/programs/">Programas</span></li> <li><span class="asideli related-link" data-href="/category/repair/">Reparar</span></li> </div> <div class="clear"></div> <div class="sidebar_pop_articles"> <div class="title">Artigos populares <span></span></div> <ul> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i1.wp.com/programmywindows.com/scr/adreader_2m.jpg" alt="Recursos adicionais do Adobe Acrobat Reader DC" title="Recursos adicionais do Adobe Acrobat Reader DC" loading=lazy loading=lazy> </div> </div> <div class="info"> <a href="https://rembitpro.ru/pt/programs/adob-utility-dlya-windows-7-dopolnitelnye-vozmozhnosti-adobe-acrobat-reader-dc/" class="replace post_87">Recursos adicionais do Adobe Acrobat Reader DC</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i1.wp.com/computerologia.ru/wp-content/uploads/2015/05/perejti-v-razdel-nastrojki.png" alt="Como mudar o nome e o sobrenome em Odnoklassniki?" title="Como mudar o nome e o sobrenome em Odnoklassniki?" loading=lazy loading=lazy> </div> </div> <div class="info"> <a href="https://rembitpro.ru/pt/repair/kak-pomenyat-svoe-imya-v-odnoklassnikah-kak-pomenyat-imya-i-familiyu/" class="replace post_87">Como mudar o nome e o sobrenome em Odnoklassniki?</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i1.wp.com/buhgalter911.com/Res/Images/img_2016_07_18_151208.jpg" alt="O que fazer se"поле объекта не обнаружено"" title="O que fazer se"поле объекта не обнаружено"" loading=lazy loading=lazy> </div> </div> <div class="info"> <a href="https://rembitpro.ru/pt/data-recovery/pole-obekta-ne-obnaruzheno-gruppa-izmenenie-segmenta-chto-delat-esli-pole/" class="replace post_87">O que fazer se “campo de objeto não detectado”</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i2.wp.com/habrastorage.org/storage2/53f/798/b27/53f798b27ebe5c2040d2e12a9f6d9a32.png" alt="Como usá-lo nos negócios e por que é gratuito?" title="Como usá-lo nos negócios e por que é gratuito?" loading=lazy loading=lazy> </div> </div> <div class="info"> <a href="https://rembitpro.ru/pt/data-recovery/bitriks24-chto-eto-takoe-kak-ispolzovat-v-biznese-i-pochemu/" class="replace post_87">Como usá-lo nos negócios e por que é gratuito?</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i1.wp.com/artemvm.info/images/articles/thumbs/image__0036-012-1cv8-bystryi-poisk-v-1c82-i-1c83.jpg" alt="Pesquisa de texto completo Comece a indexar a pesquisa de texto completo em 1c" title="Pesquisa de texto completo Comece a indexar a pesquisa de texto completo em 1c" loading=lazy loading=lazy> </div> </div> <div class="info"> <a href="https://rembitpro.ru/pt/data-recovery/polnotekstovyi-poisk-i-ego-vozmozhnosti-polnotekstovyi-poisk/" class="replace post_87">Pesquisa de texto completo Comece a indexar a pesquisa de texto completo em 1c</a> </div> </div> <div class="clear"></div> </li> <li> <div class="replace post_87"> <div class="top"> <div class="img_border"> <span></span> <img src="https://i2.wp.com/vxzone.com/sites/default/files/oldsiteimages/images/stories/conveyance/rp-receipt/zayavlenie-rozisk2.jpg" alt="Como receber um pacote nos correios"Алиэкспресс": пошаговая инструкция и рекомендации Можно ли получать посылку на почте" title="Como receber um pacote nos correios"Алиэкспресс": пошаговая инструкция и рекомендации Можно ли получать посылку на почте" loading=lazy loading=lazy> </div> </div> <div class="info"> <a href="https://rembitpro.ru/pt/wi-fi-setup/kak-pravilno-poluchit-posylku-v-pochtovom-otdelenii-kak-na/" class="replace post_87">Como receber uma encomenda do Aliexpress nos correios: instruções passo a passo e recomendações É possível receber uma encomenda nos correios?</a> </div> </div> <div class="clear"></div> </li> </ul> <div class="clear"></div> </div> <div class="clear"></div> <div class="sidebar_new_articles"> <div class="title">Novos artigos <span></span></div> <ul> <li> <a href="https://rembitpro.ru/pt/repair/posle-ustanovki-avasta-propal-internet-net-soedineniya-s-internetom/" class="replace post_1054">Sem conexão com a Internet após a remoção do vírus</a> <div class="clear"></div> </li> <li> <a href="https://rembitpro.ru/pt/internet/chto-takoe-printer-plotter-skaner-mnogofunkcionalnoe-ustroistvo-chto-eto/" class="replace post_1054">Dispositivo multifuncional - o que é isso?</a> <div class="clear"></div> </li> <li> <a href="https://rembitpro.ru/pt/programs/ustanovka-archlinux-ustanovka-i-pervonachalnaya-nastroika-archlinux-ustanovka/" class="replace post_1054">Instalação e configuração inicial do ArchLinux</a> <div class="clear"></div> </li> <li> <a href="https://rembitpro.ru/pt/viruses/lokalnaya-set-s-pomoshchyu-routera-nastroika-lokalnoi-seti-cherez/" class="replace post_1054">Configurando uma rede local por meio de um roteador</a> <div class="clear"></div> </li> <li> <a href="https://rembitpro.ru/pt/internet/skachat-igry-na-android-yaponskie-krossvordy-skachat-yaponskie/" class="replace post_1054">Baixe palavras cruzadas japonesas CrossMe para Android v</a> <div class="clear"></div> </li> </ul> <div class="clear"></div> </div> <div class="clear"></div> <div class="sidebar_question"> </div><p></p><div class="clear"></div></div> </div> <div class="clear"></div> <div class="section morkovin-antireklama-sidebar Closure"><div id="smartrotator_ad_1610"></div></div> </div> <div class="clear"></div> <div class="clear"></div> </div> </div> <div class="clear"></div> <footer class="footer"> <div class="kartasajta"><a href="https://rembitpro.ru/pt/sitemap.xml">Mapa do site</a></div> <div class="top_footer"> <div class="inner"> <div class="footer_col col-xs-6 col-sm-4 col-md-4"> <span data-href="/" class="related-link logo"> <div class="logo_text1"><img src="/images/logo.svg" loading=lazy loading=lazy></div> </span> <div class="clear"></div> <p class="copyright">© 2024 rembitpro.ru - Configuração e reparo de equipamentos de informática <br /> <span></span> </p> </div> <div class="footer_col col-xs-12 col-sm-2 col-md-2"> <p class="foot_cat_title">Outro</p> <ul class="categories"> <li><span class="related-link" data-href="">Sobre o site</span></li> <li><span class="related-link" data-href="">Anúncio</span></li> <li><span class="related-link" data-href="/feedback/">Contatos</span></li> </ul> </div> <div class="footer_col col-xs-6 col-sm-2 col-md-2 rubric_col"> <p class="foot_cat_title">Categorias</p> <ul id="nav" class="categories"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rembitpro.ru/pt/category/wi-fi-setup/">Configuração de wi-fi</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rembitpro.ru/pt/category/windows/">Windows</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rembitpro.ru/pt/category/viruses/">Vírus</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rembitpro.ru/pt/category/internet/">Internet</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rembitpro.ru/pt/category/programs/">Programas</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rembitpro.ru/pt/category/repair/">Reparar</a></li> </ul> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> </footer> <div id="toTop"></div> <script type="text/javascript" src="https://rembitpro.ru/wp-content/plugins/service_binet/ajax.js"></script><button id="responsive-menu-button" class="responsive-menu-button responsive-menu-boring responsive-menu-accessible" type="button" aria-label="Menu"> <span class="responsive-menu-box"> <span class="responsive-menu-inner"></span> </span> </button><div id="responsive-menu-container" class="slide-left" style="padding:20px;"> <ul> <li><a style="color:white;" href="https://rembitpro.ru/pt/category/wi-fi-setup/">Configuração de wi-fi</a></li> <li><a style="color:white;" href="https://rembitpro.ru/pt/category/windows/">Windows</a></li> <li><a style="color:white;" href="https://rembitpro.ru/pt/category/viruses/">Vírus</a></li> <li><a style="color:white;" href="https://rembitpro.ru/pt/category/internet/">Internet</a></li> <li><a style="color:white;" href="https://rembitpro.ru/pt/category/programs/">Programas</a></li> <li><a style="color:white;" href="https://rembitpro.ru/pt/category/repair/">Reparar</a></li> </ul> </div> <link rel='stylesheet' id='yarppRelatedCss-css' href='/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=4.9.1' type='text/css' media='all' /> <script type='text/javascript' src='https://rembitpro.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.85'></script> <script type='text/javascript'> /* <![CDATA[ */ var JQLBSettings = { "fitToScreen":"1","resizeSpeed":"400","displayDownloadLink":"0","navbarOnTop":"0","loopImages":"","resizeCenter":"","marginSize":"0","linkTarget":"","help":"","prevLinkTitle":"previous image","nextLinkTitle":"next image","prevLinkText":"\u00ab Previous","nextLinkText":"Next \u00bb","closeTitle":"close image gallery","image":"Image ","of":" of ","download":"Download","jqlb_overlay_opacity":"80","jqlb_overlay_color":"#000000","jqlb_overlay_close":"1","jqlb_border_width":"10","jqlb_border_color":"#ffffff","jqlb_border_radius":"0","jqlb_image_info_background_transparency":"100","jqlb_image_info_bg_color":"#ffffff","jqlb_image_info_text_color":"#000000","jqlb_image_info_text_fontsize":"10","jqlb_show_text_for_image":"1","jqlb_next_image_title":"next image","jqlb_previous_image_title":"previous image","jqlb_next_button_image":"http:\/\/rembitpro.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/next.gif","jqlb_previous_button_image":"http:\/\/rembitpro.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/prev.gif","jqlb_maximum_width":"","jqlb_maximum_height":"","jqlb_show_close_button":"1","jqlb_close_image_title":"close image gallery","jqlb_close_image_max_heght":"22","jqlb_image_for_close_lightbox":"http:\/\/rembitpro.ru\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/ru_RU\/closelabel.gif","jqlb_keyboard_navigation":"1","jqlb_popup_size_fix":"0"} ; /* ]]> */ </script> <script type='text/javascript' src='https://rembitpro.ru/wp-content/plugins/wp-lightbox-2/wp-lightbox-2.min.js?ver=1.3.4.1'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script async="async" type='text/javascript' src='https://rembitpro.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> <script type="text/javascript">  </script><br> <br> </body> <script src="https://rembitpro.ru/wp-content/themes/avada/js/jquery.jshowoff.min.js"></script> <script> (function($){ $(window).scroll(function() { if($(this).scrollTop() > 200) { $('#toTop').fadeIn(100); } else { $('#toTop').fadeOut(100); } } ); $('#toTop').click(function() { $('body,html').animate({ scrollTop:0} ,400); } ); $('.navbar-toggle').click(function(e){ e.preventDefault(); $('#navbar').show(500); $('.wrapper, footer, body, .mobile_search').addClass('righted'); $('.navbar-toggle').fadeOut(500); } ); $('.mobile_close').click(function(e){ e.preventDefault(); $('#navbar').hide(500); $('.wrapper, footer, body, .mobile_search').removeClass('righted'); $('.navbar-toggle').fadeIn(500); } ); $('#features').jshowoff({ autoPlay: true, hoverPause: false, speed:3000, changeSpeed: 200, links: true, effect: 'fade', controls: false } ); } )(jQuery); </script> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> </html>