Formularios HTML - parte en el navegador

Antes de que podamos procesar cualquier dato del usuario en el lado del servidor a través de PHP, necesitamos obtenerlo primero. Esto se hace en el navegador mediante formularios HTML que definen los elementos básicos para recibir los datos. El propósito de este artículo no es presentar todas las posibilidades de formas, sino sólo las posibilidades básicas de aceptar datos y entender el principio.

Fuente del formulario HTML básico

<form action="script.php" method="get">

<!-- Zde bude celý obsah formuláře -->

</form>

Cada formulario comienza con la etiqueta HTML <form> y termina con la etiqueta </form>. Todos los campos de formulario colocados entre estas etiquetas serán enviados.

A continuación, debes establecer a dónde enviar el formulario con el atributo action (nombre del script), y con qué método enviarlo con el atributo method (GET o POST). Si no especificas un método y un destino, el formulario se envía por defecto con el método GET.

Campos de formulario básicos

El campo más usado se utiliza para obtener el texto (cadena). Cada campo tiene su propio tipo y nombre por el que puede ser reconocido después del envío.

Campos de texto comunes

Lo más importante es que necesito un campo de texto sin formato:

<input type="text" name="food">

Campo de la contraseña

<input type="password" name="heslo">

Casilla de verificación

Se utiliza para comprobar el booleano (TRUE y FALSE):

<input type="checkbox" name="vop" checked="checked">

¿Acepta las condiciones?

Botón de radio para seleccionar varias opciones

<input type="radio" name="language" value="cz" checked> Čeština
<input type="radio" name="language" value="sk"> Slovenština
<input type="radio" name="language" value="en"> Angličtina

Le permite elegir entre varias opciones. La opción seleccionada envía su valor. Por defecto es bueno seleccionar un campo con el atributo checked="checked":

Campo de texto grande

Creado para introducir texto de varias líneas. También se utiliza para entrar:

• cols ~ número de columnas
• rows ~ número de filas

<textarea name="article" cols="40" rows="6">
Ahoj lidi!
</textarea>

¡Hola chicos!

Caja de selección

Presenta una forma cómoda de seleccionar entre muchos datos.

<select name="gender">
	<option value="man">Muž</option>
	<option value="woman">Žena</option>
</select>

Después de enviar el formulario, se envía el valor en value.

<input type="submit" value="Odeslat">

Procesamiento de datos en el servidor

A continuación, hay que enviar los datos al servidor y procesarlos allí, esto se trata en el siguiente artículo.

Jan Barášek   Více o autorovi

Autor článku pracuje jako seniorní vývojář a software architekt v Praze. Navrhuje a spravuje velké webové aplikace, které znáte a používáte. Od roku 2009 nabral bohaté zkušenosti, které tímto webem předává dál.

Rád vám pomůžu:

Kontakt