Botões HTML ocultos

Com formulários de páginas da Web, você pode capturar dados dos usuários do site - geralmente um processo vital em sites de negócios. Alguns formulários da Web usam campos ocultos e, nesse caso, os elementos de entrada HTML são incluídos na marcação de uma página, mas não são visíveis para os usuários. Há algumas maneiras diferentes de incluir campos e botões ocultos em um formulário de página da Web, usando o elemento de entrada HTML com atributos "tipo" específicos ou, opcionalmente, usando código CSS (Cascading Style Sheet), às vezes junto com o processamento JavaScript.

Entradas HTML

Formulários HTML usam elementos de entrada. Existem vários tipos diferentes de elementos de entrada, incluindo botões, caixas de seleção, campos de texto e muito mais. O atributo "type" para um elemento de entrada determina sua aparência e função dentro da página. Definir o atributo "type" de um elemento de entrada como "hidden" cria um campo de formulário oculto. A marcação de exemplo a seguir demonstra:

Isso cria um campo que funcionará como parte do formulário em que está incluído, mas que os usuários não verão. No entanto, embora este seja um elemento de entrada de formulário oculto, não é um botão.

Visibilidade CSS

Para incluir um elemento de botão HTML oculto, os desenvolvedores têm algumas opções. A menos que um elemento de entrada tenha "oculto" como seu atributo "type", ele aparecerá na página por padrão. Para ocultar um elemento de entrada de qualquer outro tipo, os desenvolvedores podem usar o código CSS. Com esse método, um desenvolvedor pode incluir um elemento de botão HTML ou um elemento de entrada com "tipo" definido como "botão" ou "enviar". O desenvolvedor pode, então, estilizar o botão com o código CSS, ocultando-o usando a propriedade visibility da seguinte maneira:

input.hide {visibility: hidden; }

Isso funcionaria para o seguinte botão:

Funções JavaScript

Os botões ocultos não possuem funcionalidade padrão, pois isso depende do usuário poder ver e interagir com eles. Como um usuário não pode clicar em um botão que não aparece na página, os desenvolvedores precisam usar as funções JavaScript para solicitar qualquer ação que o botão normalmente iniciaria nos cliques do usuário. Por exemplo, uma página poderia usar uma função JavaScript, solicitada em algum outro evento, como o usuário interagindo com outro elemento de formulário, para enviar os dados do formulário. Alguns formulários da Web também mostram e ocultam botões de entrada e outros elementos conforme o usuário interage com um formulário.

Considerações

Embora os campos e botões ocultos do formulário sejam adequados em alguns casos, eles podem não ser confiáveis. Na maioria dos casos, os desenvolvedores criam resultados utilizáveis ​​com elementos de entrada em seus estados padrão. A maioria dos formulários pode ser estruturada com sucesso com campos, botões e outros elementos de entrada que são totalmente visíveis e funcionais na maneira como os usuários esperam que eles sejam.