Rótulo do botão JavaScript

| | | | | | | | | | | | | | | | | | | | | |

A tag de botão HTML é usada para criar um botão clicável em um formulário HTML. Ele permite que um usuário envie informações de alguma forma para um site. O estilo do botão pode ser controlado com CSS.

Ao criar um formulário em uma página da Web, você deve criar um botão clicável para que um usuário possa enviar um formulário. Por exemplo, você pode ter um formulário de pedido em um site de comércio eletrônico que coleta informações de entrega de um usuário. Após o usuário ter preenchido os formulários, deve haver um botão para clicar para enviar as informações.

é onde o HTML tag em HTML. Também discutiremos os atributos que você pode usar para criar um botão personalizado e exploraremos alguns exemplos desses atributos em ação.

Formulário HTML atualizado

HTML Formulários são usados para coletar diferentes tipos de entrada do usuário , como nomes, números de telefone ou endereços, em uma página da web.

Cada formulário contém elementos de entrada que permitem que os usuários enviem informações ao site. Por exemplo, uma página da web pode ter um formulário de pedido que contém elementos de formulário para coletar nome de usuário, data de nascimento, informações de cartão de crédito e muito mais.

é usado para criar um formulário em HTML. Aqui está um exemplo simples do usado para criar uma forma que coleta o nome de um usuário:

Uma tag de formulário pode incluir várias tags ou outros itens de entrada do usuário, como caixas de seleção. Além disso, um formulário deve incluir um Encontre sua combinação de Bootcamp

Aqui está a aparência do nosso botão uma página da web:

 T2EtZ5J4P2s1cbcWl5XhnxkV2LBddqnXHZCRN5Ij5ar7hjumzZimB1hJg IovfjLkqU5yz1Kp29DUy4GXkyNknZUROEhEzdNYEBnNr4 W SC7PgkwUQtwb5kUzO6 FOfTpFwK4js

Agora que temos um botão na nossa página web, um usuário pode

digite as informações inseridas no formulário. de forma diferente. Por exemplo, o Internet Explorer, anterior à versão 9, envia o texto entre a tag de abertura e fechamento do inclui vários atributos que podem ser usados para criar um botão personalizado. Além disso, o em detalhes.

autofocus é usado para especificar que um botão deve recebem foco automaticamente quando a página da Web é carregada. Aqui está a sintaxe autofocus:

desabilitado

desabilitado desabilita o atributo no botão, o que significa que os usuários não podem interagir com o artigo. Aqui está a sintaxe disabled:

Como você pode ver abaixo, nosso botão está acinzentado e não pode ser clicado:

 4rmFBMpA X5H M16KvlWPhDx9gP XlfNM43RfQU42SI5elokTMBCp8vvpqcbf6VjPYfuqVb6SmsU2zo8llK22b BQUYTfeWXYV kyNjO0dtULXxU9 DOVWeoptXa4gSRTovA0 JMW

Forma

form é usado para vincular um elemento de botão a um formulário. O valor do form deve ser o mesmo que o id do formulário ao qual o formulário se refere. Aqui está um exemplo do Atributo de formulário que vincula o botão de envio ao nosso formulário Pizza:

O atributo

form vinculou nosso botão à forma com o identificador Pizza. Assim, quando clicarmos em nosso botão, nosso formulário será enviado com o id Pizza.

Treinamento

treinamento especifica a URL de um programa que processará as informações enviadas pelo botão. Este atributo só pode ser usado se o tipo no seu botão for igual a Enviar.

Aqui está um exemplo do atributo treinamento usado:

formenctype

formenctype especifica o atributo como o formulário deve ser criptografado quando enviado ao servidor . Este atributo só deve ser usado ao usar o atributo "= `post`" em seu formulário.

Aqui um exemplo de formenctype usado para enviar o texto simples para o servidor quando nosso botão é clicado:

Formmethod

formmethod é usado para especificar o HTTP método que o navegador usará para enviar o formulário. Este atributo só deve ser usado com o atributo "type = `submit` ". P>

Os dois valores aceitos ‚Äã‚Äãpara o formmetho d são get e after. Se você deseja recuperar informações ou executar um HTTP GET, deve usar get; se você quiser enviar informações ou executar um HTTP POST, você deve usar after.

Aqui está a sintaxe formmethod:

formnovalidate

formnovalidate é usado para indicam que os dados do formulário não precisam ser validados quando enviados. Por exemplo, se você quiser aceitar a entrada do usuário , mesmo que eles não sejam preenchidos em todos os campos, você deve usar o formnovalidate

Aqui está um exemplo de formnovalidate em action:

Formtarget

formtarget define a posição de destino para a resposta que o servidor envia após o envio do formulário, os valores aceitos ‚Äã‚Äãpara este atributo são:. _blank, _self, _parent, _top <. / code> ou o nome do seu Uframe

Aqui é a sintaxe formtarget :

Conclusão

que permita que o usuário envie as informações do pedido quando estiver pronto.

Neste tutorial, aprendemos como usar o como um especialista!