Usando a etiqueta de entrada para enviar formularios
Os formularios HTML son unha das formas máis básicas de engadir interactividade ao teu sitio web. Pode facer preguntas e solicitar respostas dos seus lectores, proporcionar información adicional de bases de datos, configurar xogos e moito máis. Hai unha serie de elementos HTML que pode usar para construír os seus formularios. E unha vez que constrúe o seu formulario, hai moitas maneiras de enviar estes datos ao servidor ou simplemente iniciar a acción do formulario en execución.
Estas son varias formas en que pode enviar os seus formularios:
-
- Este é o método máis común de obter datos no servidor, pero pode ser moi sinxelo.
-
- Usar unha imaxe fai que sexa moi doado facer que o botón Enviar se axuste ao estilo do seu sitio. Pero algunhas persoas poden non recoñecelo como un botón de enviar.
-
- A etiqueta INPUT do botón proporciona moitas das mesmas opcións que a etiqueta INPUT da imaxe, pero semella máis do tipo de envío estándar. Require JavaScript para activar.
-
- A etiqueta BUTTON é un tipo de botón máis versátil que a etiqueta INPUT. Esta etiqueta require activar Javacript.
-
- O elemento COMMAND é novo en HTML5 e proporciona un xeito de activar scripts e formularios con accións asociadas. Está activado con JavaScript.
O elemento INPUT
O elemento INPUT é a forma máis común de enviar un formulario; o único que tes que facer é elixir un tipo (botón, imaxe ou envío) e se é preciso engadir un script para enviar ao formulario.
O elemento pode escribirse así. Pero se o fas, terás diferentes resultados en diferentes navegadores. A maioría dos navegadores fan un botón que di "Enviar", pero Firefox fai un botón que di "Enviar consulta". Para cambiar o que di o botón, debes engadir un atributo:
valor = "Enviar formulario">
O elemento escríbese así, pero se deixas de lado todos os outros atributos, todo o que se mostrará nos navegadores será un botón baleiro gris. Para engadir texto ao botón, use o atributo de valor. Pero este botón non enviará o formulario a menos que use JavaScript.
onclick = "enviar ();">
O semellante ao tipo de botón, que necesita un script para enviar o formulario. Excepto que no canto dun valor de texto, cómpre engadir un URL de orixe de imaxe.
src = "submit.gif">
Elemento BUTTON
O elemento BUTTON require tanto unha etiqueta de apertura como unha etiqueta de peche. Cando o use, calquera contido que inclúa dentro da etiqueta estará encerrado nun botón. A continuación, activa o botón cun script.
Enviar formulario
Pode incluír imaxes no seu botón ou combinar imaxes e texto para crear un botón máis interesante.
Enviar formulario
O elemento COMMAND
O elemento COMMAND é novo con HTML5. Non require que se use un FORMULARIO, pero pode actuar como un botón para enviar un formulario. Este elemento permítelle crear páxinas máis interactivas sen necesidade de formularios a non ser que realmente necesite formularios. Se queres que o comando diga algo, escribes a información nun atributo de etiqueta.
label = "Enviar formulario">
Se quere que o seu comando sexa representado por unha imaxe, emprega o atributo de icona.
icono = "enviar.gif">
Este artigo é parte do tutorial de formularios HTML. Ler a través do tutorial completo para aprender a usar formularios HTML.
Os formularios HTML teñen varias formas de enviar, como aprendeu na páxina anterior. Dous destes métodos son a etiqueta INPUT ea etiqueta BUTTON. Hai boas razóns para usar ambos elementos.
O elemento INPUT
A etiqueta é o xeito máis sinxelo de enviar un formulario. Non require nada máis alá da propia etiqueta, nin sequera un valor. Cando un cliente fai clic no botón, envíase automaticamente. Non cómpre engadir ningunha secuencia de comandos, os navegadores saben enviar o formulario cando se fai clic nunha etiqueta INPUT.
O problema é que este botón é moi feo e sinxelo. Non podes engadir imaxes a el. Podes estilalo como calquera outro elemento, pero aínda así se pode sentir como un botón feo.
Use o método INPUT cando o formulario ten que ser accesible mesmo en navegadores que teñan JavaScript desactivado.
Elemento BUTTON
O elemento BOTÓN ofrece máis opcións para enviar formularios. Podes poñer calquera cousa dentro dun elemento BOTÓN e convertela nun botón Enviar. A maioría das persoas usan imaxes e texto. Pero podes crear un DIV e facer que todo isto envíe un botón se o desexas.
A maior desvantaxe do elemento BUTTON é que non envía o formulario automaticamente. Isto significa que hai que ter algún tipo de script para activalo. Por iso, é menos accesíbel que o método INPUT. Calquera usuario que non teña JavaScript activado non poderá enviar un formulario con só un elemento BOTÓN para envialo.
Usa o método BOTÓN en formularios que non son tan críticos. Ademais, esta é unha boa forma de engadir opcións de envío adicionais dentro dun formulario.
Este artigo é parte do tutorial de formularios HTML . Le-lo para obter máis información sobre como usar formularios HTML