Tecnología

Inicio

Cómo agregar un botón de pedido Enviar a un formulario

Cómo agregar un botón de pedido Enviar a un formulario


Una amplia variedad de opciones están disponibles para desarrolladores de sitios web en términos de cómo una página web en última instancia, se presenta al público. Incluso si usted está familiarizado con los conceptos básicos de la utilización de elementos de estilo en sus páginas web, sin embargo, puede encontrarse con que la adición de un encargo botón "enviar" a una forma es una tarea difícil en un lenguaje de marcado de hipertexto (HTML). Después de un cierto procedimiento, sin embargo, hace que la tarea mucho más fácil.

Instrucciones

1 Abra el archivo HTML que contiene el formulario al que desea agregar una costumbre botón enviar. Utilice el programa de software de edición de texto preferido para esta tarea.

2 Localizar la forma a la que desea añadir su encargo botón de enviar, y añadir un botón de envío a ella escribiendo el comando siguiente antes del cierre "</ form>" tag: <tipo "botón" de entrada =>

3 Fijar un elemento de "valor" para el botón con comillas vacías ( ""). Su etiqueta de entrada debería decir: <input type = valor "botón" = "">

4 Poner los elementos de estilo en línea para el botón. Darle un valor de "frontera" de "0", un valor "cursor" de "puntero" y "ancho" valores iguales a la altura y la anchura de su encargo "altura" y la imagen botón "enviar" en píxeles. Un ejemplo, con "XXX" y "YYY" en lugar de los valores reales de píxeles de anchura y altura, es:

<Input type = "button" value = "" style = "border: 0px; cursor: puntero; anchura: XXXpx; altura: YYYpx">

5 Añadir un valor "Imagen de fondo" para los estilos en línea que apunta a su costumbre enviar imagen del botón. El formato para hacerlo es: "Imagen de fondo: URL (imagen.jpg)". Su etiqueta de entrada debería leer ahora:

<Type = valor de entrada "botón" = "" style = "border: 0px; cursor: puntero; anchura: XXXpx; altura: YYYpx; Imagen de fondo: URL (imagen.jpg)">

Donde "imagen.jpg" es el nombre de archivo del encargo botón de enviar.

6 Guarde el archivo HTML en el software de edición de texto, y abrirlo en su navegador web preferido. Asegúrese de que el formulario se ve la forma en que desea que, a continuación, cierre el software de edición de texto.

Consejos y advertencias

  • El botón no tiene por qué ser colocado directamente antes del cierre "</ form>" etiqueta. Si tiene contenido que desea colocar entre el botón y el final de la forma, cambiar la posición del botón es aceptable si se encuentra entre la apertura y el cierre de la etiqueta "<form>".
  • Si la imagen no aparece al ver el archivo HTML en el navegador web, asegúrese de que la ruta de acceso al archivo de imagen se hace referencia correctamente en la "Imagen de fondo: URL (imagen.jpg)" elemento de estilo. La imagen no tiene que vivir en el mismo directorio que el archivo HTML, pero tiene que ser referenciado por su ruta de archivo, ya sea completo o su trayectoria correcta en relación con el directorio actual del archivo HTML.