Usando a etiqueta de entrada de HTML e a etiqueta do botón nos formularios

Ao configurar o tipo de atributo en "botón", xerarase un botón sinxelo. Pode definir o texto que aparecerá no botón, como "Enviar", usando o atributo de valor .

Por exemplo:

Teña en conta que a etiqueta non enviará un formulario HTML; aínda terás que incluír JavaScript para xestionar a presentación de datos de formulario. Sen un evento onclick de JavaScript, o botón parecerá que se pode facer clic e non se producirá nada e terá frustrado os seus lectores.

O & lt; botón & gt; Etiqueta alternativa

Aínda que usar a etiqueta de entrada para crear un botón funciona para o seu propósito, é unha mellor opción usar a etiqueta para crear os seus botóns HTML do sitio web. A etiqueta é máis flexible porque lle permite usar imaxes para o botón (que axuda a preservar a coherencia visual se o seu sitio ten un tema de deseño), por exemplo, e pode definirse como un tipo de botón para enviar ou restablecer sen necesidade de ningún JavaScript extra.

Desexa especificar o atributo do tipo de botón en calquera etiqueta

. Existen tres tipos diferentes:

• botón - O botón non ten un comportamento inherente pero se usa xunto con scripts que se executan no lado do cliente que poden ser anexados ao botón e executáronse cando se faga clic.
• restablecer - Restablecer todos os valores.
• enviar - O botón envía datos de formulario ao servidor (este é o valor predeterminado se non se define ningún tipo de letra).

Outros atributos inclúen:

• nome - dá ao botón un nome de referencia.
• valor : especifica un valor para ser inicialmente asignado ao botón.
• desactivar - Desactiva o botón.

HTML5 engade algúns atributos adicionais á etiqueta

que lle proporcionan máis funcionalidades.

• foco automático : cando se carga a páxina, isto especifica que este botón é o foco. Só se pode usar un enfoque automático nunha páxina.
• formulario : asocia o botón cun formulario dentro do mesmo documento HTML, usando o identificador do formulario como o valor. Por exemplo:

Enviar

Formación : Usada só con type = "submit" e unha URL como valor, especifica onde se enviarán os datos do formulario. Por exemplo:

Enviar datos de formulario a outra páxina

formenctype : usado só co atributo type = "submit" . Define a codificación dos datos do formulario cando se envíe ao servidor. Os tres valores son application / x-www-form-urlencoded (por defecto), multipart / form-data, e text / plain.

formmethod - Usado só co atributo type = "submit" . Isto especifica o método HTTP que se debe usar ao enviar os datos do formulario, xa sexa para obter ou publicar.

formnovalidate : usado só co atributo type = "submit" . Non se validarán os datos do formulario cando se envíen.

formtarget : usado só co atributo type = "submit" . Isto indica onde se debe mostrar a resposta do sitio cando se envían os datos do formulario, como nunha xanela nova, etc. As opcións de valor son _blanco, _situado, _parento, _top ou un nome de cadro específico.

Se está a usar formularios, pode querer ler sobre facer botóns en formularios HTML e como facer que o seu sitio sexa máis doado de usar.