Cómo crear botones de texto utilizando etiquetas de entrada y de botones en HTML

Share on facebook
Share on twitter
Share on linkedin
Share on telegram
Share on whatsapp
Share on email
Share on print
VALORACIÓN DEL ARTÍCULO:
5/5


Puede crear botones de texto personalizables en HTML utilizando la etiqueta . El elemento se utiliza dentro de un elemento .

Ajustando el atributo type a “botón”, se generará un simple botón pulsable. Puede definir el texto que aparecerá en el botón, como “Enviar”, utilizando el valor atributo.

Por ejemplo:

Tenga en cuenta que la etiqueta no enviará un formulario HTML; todavía necesitará incluir JavaScript para manejar el envío de datos del formulario. Sin un JavaScript onclick event, el botón parecerá ser clicable pero no pasará nada, y usted habrá frustrado a sus lectores.

La Alternativa de Etiqueta

Aunque usar la etiqueta de entrada para crear un botón funciona para su propósito, es una mejor opción usar la etiqueta para crear botones HTML en su sitio web. La etiqueta es más flexible porque le permite utilizar imágenes para el botón (lo que le ayuda a mantener la consistencia visual si su sitio tiene un tema de diseño), por ejemplo, y puede definirse como un botón de tipo submit o reset sin necesidad de un JavaScript adicional.

Deberá especificar el tipo de botón atributo en cualquier etiqueta . Hay tres tipos diferentes:

  • button – El botón no tiene un comportamiento inherente pero se utiliza junto con los scripts que se ejecutan en el lado del cliente y que se pueden adjuntar al botón y ejecutar cuando se hace clic en él.
  • reset – Restablece todos los valores.
  • submit – El botón envía los datos del formulario al servidor (este es el valor por defecto si no se define ningún tipo).

Otros atributos incluyen:

  • nombre – Da al botón un nombre de referencia.
  • valor – Especifica un valor que se asignará inicialmente al botón.
  • desactiva – Desactiva el botón.

HTML5 añade algunos atributos adicionales a la etiqueta que le dan más funcionalidad.

  • autofoco – Cuando la página se carga, esto especifica que este botón es el foco. Sólo se puede utilizar un enfoque automático en una página.
  • form – Asocia el botón con un formulario dentro del mismo documento HTML, usando el identificador del formulario como valor. Por ejemplo:
    • Submit
  • formaction – Se usa sólo con type=”submit” y una URL como valor, especifica dónde se enviarán los datos del formulario. Por ejemplo:
    • Enviar los datos del formulario a otra página
  • formenctype – Se usa sólo con type=”submit” attribute. Define cómo deben codificarse los datos del formulario cuando se envían al servidor. Los tres valores son application/x-www-form-urlencoded (predeterminado), multipart/form-data, y text/plain.
  • formmethod – Se usa sólo con type=”submit” attribute. Esto especifica qué método HTTP utilizar al enviar datos de formulario, ya sea obtener o post.
  • formnovalidate – Se usa sólo con type=”submit” attribute. Los datos del formulario no serán validados cuando se envíen.
  • formtarget – Se usa sólo con type=”submit” attribute. Indica dónde debe mostrarse la respuesta del sitio cuando se envían los datos del formulario, como en una nueva ventana, etc. Las opciones de valor son _blank, _self, _parent, _top, o un nombre de marco específico.

Si está usando formularios, tal vez quiera leer sobre cómo hacer botones en formularios HTML y cómo hacer que su sitio sea más fácil de usar.

Deja un comentario

TAMBIÉN TE INTERESA

seguridad y mantenimiento smartphone

Mantenimiento smartphone: consejos para un mejor cuidado y seguridad de tu teléfono

Hablamos de consejos de mantenimiento smartphone. Ya sea en el trabajo o en la vida privada, la seguridad de tu smartphone se ha convertido en una parte integral de muchas áreas. En los servicios de mensajería se envían mensajes privados y Clouds almacena fotos personales. Para no perder esta información confidencial, los propietarios de teléfonos móviles deben proteger sus teléfonos inteligentes. No se debe

tecnología QLED de Samsung

Televisores QLED, OLED, Micro-LED y Mini-LED

Los sistemas OLED, QLED, etc. ofrecen una excelente nitidez de imagen con detalles impresionantes, colores brillantes y un contraste gigantesco del negro profundo al blanco brillante: los televisores han alcanzado un nivel de calidad notable. Varias tecnologías de pantalla compiten por la mejor calidad de imagen. Las primeras pantallas planas tuvieron que ponerse al día en

Cómo instalar Linux junto con Windows

Cómo instalar Linux junto con Windows en 8 pasos

¿Te gustaría saber cómo instalar Linux en Windows, pero solo tienes una computadora? No hay problema, ambos funcionan en paralelo, con muy poco esfuerzo. Ejecutar Linux y Windows en la misma máquina es bastante fácil: simplemente eliges qué sistema iniciar al arrancar. Todos los pasos necesarios se pueden encontrar aquí muy sencillamente explicados. Índice de contenidos1 ¿Cómo

chips inteligentes

El futuro de los chips de IA está en el software

  La IA y el aprendizaje automático, es decir, la inteligencia artificial y el aprendizaje automático, dependen del rendimiento. La pila de software es tan importante como el hardware, porque un buen software puede sacar hasta el último bit de rendimiento de los procesadores limitados física y técnicamente. En los últimos años, la demanda de procesadores

los móviles con mayor duración de batería

Top 10 de mejores smartphones con una batería grande

¿Todo estaba mejor antes? Bueno no exactamente. Pero los buenos y viejos teléfonos móviles de Nokia duraron (al menos parecía) una semana entera antes de que tuvieran que cargarse. Con los teléfonos inteligentes actuales, las cosas son, por supuesto, diferentes, principalmente debido a las pantallas grandes, las aplicaciones multimedia complejas y su hambre de rendimiento. Pero, ¿qué modelos

Debian vs. Ubuntu

Debian vs. Ubuntu: ¿cuál es mejor?

Ubuntu es prácticamente el Linux estándar para escritorios privados. Los usuarios experimentados también están felices de recomendar Debian. Ambos están relacionados, pero las diferencias son grandes. Aquí puedes descubrir por qué la elección no es tan difícil. Índice de contenidos1 Madre e hijo2 Debian2.1 Grupos destinatarios2.2 Software instalado por defecto3 Gestión de paquetes3.1 Estabilidad4 Derechos de administrador5 En pocas palabras