Elemento de formulario atributo {action}

En esta ocasión hablaré del atributo {action}, que en resumen solo contiene la URL que procesará los datos contenidos en el formulario. Puede ser muchos lenguajes los que procesen el formulario, sin embargo, tomaremos como ejemplo un script de PHP.

Dicho esto podemos decir que el atributo {action} es propio del elemento {form} de HTML y es usado para enviar todo el contenido dentro del formulario. Aunque debes tener en cuneta de que solo los elementos {input} con atributo {type} y {neme} son enviados. Existe una buena cantidad de input type de lo que hablaremos más adelante. Por lo que te adelanto que estos son los elementos que vemos para la entrada de texto números y controles dentro de páginas web. Son elementos capaces de recoger datos a rais de entrada por el usuario por también ficheros de imágenes y mucho más.

Ahora ingresa datos en los formularios y presiona el botón enviar. Y juega con los botones para que veas, de lo que va esto de la programación web y la importancia de conocer los atributos de HTML. Además, puedes escribirme al chat si deseas tomar tutorías para el desarrollo de aplicaciones web.

Formulario HTML

En este ejemplo vemos como se escribe un formulario y algunos elementos de entrada de datos. Además, vemos el atributo method lo cual es necesario para enviar los datos del formulario. Los más usados son el método get y el método post de los cuales hablaré en otra entrada.

Ejemplo

<form action="/action_page.php" method="get">
<input type="text" name="nombre" placeholder="Ingrese el nombre">
<input type="text" name="apellido" placeholder="Introduzca el apellido">
<input type="submit" value="Enviar" >
</form>

w3CSS

Formulario de entrada

Nombre Apellido

Formulario trabajado con efectos.

Al final de esta entrada tendrás el enlace de CodePen del creador de este formulario hermoso que puedes usar en tus proyectos.

Card Holder

{{n}}

Full Name

Expires {{cardMonth}} MM / {{String(cardYear).slice(2,4)}} YY

CVV

*

Card Number

Card Holders

Expiration Date Month {{n < 10 ? '0' + n : n}} Year {{$index + minCardYear}}

CVV

Diseño de la tarjeta de crédito y su funcionalidad cortesía de Muhammed Erdem

×