FORMULARIOS Y HTML
HELPERS
¿Qué es un Formulario HTML?
Un formulario es una sección de un
documento HTML donde pones los
controles de entrada
and pull-down lists
radio buttons
(text box
Los formularos sirven para recolectar información proporcionada por los visitantes del sitio lo cual será enviado nuevamente al servidor
es importante que el formulario provisto en HTML sea acompañado de un código del lado servidor a esto se le denomina "agente procesador"
Formulario HTML
es básicamente un contenedor para controles.
Cada control en un formulario está pensado para recolectar información ingresada por los usuarios,
de forma que pueden ir desde líneas de texto a subida de
archivos
EJEMPLO DE UNA APERTURA Y CIERRE DE UN FORMULARIO MEDITE CODIGO
<form>
[Conjunto de controles]
</form>
Tal información puede ser especificada con atributos como.
target
indica dónde serán mostrados los resultados del proceso.
method
determina el método utilizado para empaquetar el formulario antes de ser enviado al agente procesador
action
indica la ubicación del agente procesador
Ejemplo de Formulario HTML
formulario ha sido declarado con el
URI de un agente procesador que he preparado
para propósitos de aprendizaje, en el atributo
action.
EJEMPLO
<form action="../form-result.php" target="_blank">
<input type="submit" value="Enviar el formulario">
</form>
Puedes ver al agente procesador tomando el control del proceso en una nueva ventana cuando envías el formulario.
CONTROLES DE TEXTO
Los controles de texto proveen los medios necesarios para recolectar información textual
como nombres, direcciones, frases, mensajes,
contraseñas,
analizaremos dos de los controles de texto
CAMPOS DE TEXTO DE UNA SOLA LÍNEA
El campo Línea simple de texto es un cuadro de texto sencillo que es muy útil para recopilar respuestas de una sola palabra y frases cortas.
EJEMPLO
<form action="../form-result.php" target="_blank">
<p>
Ingresa tu nombre completo: <input type="text" name="nombrecompleto">
<input type="submit" value="Enviar la información">
</p>
</form>
CAMPO DE TEXTO MULTILÍNEA
Las cajas de texto multilínea o áreas de texto son unos campos que funcionan de manera similar a un editor de texto muy sencillo en el que el usuario puede escribir.
Un campo de texto multilínea se inserta con el elemento
textarea. que permite a los usuarios editar múltiples líneas de texto regular
Los controles textarea son útiles para recolectar o editar líneas largas de texto
como mensajes, contenido de archivos, listas, reseñas, artículos, etc.
EJEMPLO
<form action="../../form-result.php" target="_blank">
<p>Mensaje para el autor:</p>
<p><textarea name="mensaje" placeholder="Comparte tu opinión con el autor!"></textarea></p>
<p><input type="submit" value="Enviar mensaje"></p>
</form>
En el siguiente ejemplo mejoraremos el formulario anterior para permitir al usuario ingresar ambos tipos de cadenas de texto (de una sola línea y multilínea).
<form action="../form-result.php" target="_blank">
<p>Ingresa tu nombre completo: <input type="text" name="nombrecompleto"></p>
<p>
Deja un mensaje:<br>
<textarea name="mensaje"></textarea>
</p>
<input type="submit" value="Enviar la información">
</form>
CONTROLES DE OPCIÓN
Estos controles permiten a los usuarios seleccionar una o más opciones de una lista de valores predefinidos.
EJEMPLO
<form action="../../form-result.php" target="_blank">
<p>
Ingresos:<br>
<input type="radio" name="ingresos" value="menosde1000"> Menos de than $1,000.00<br>
<input type="radio" name="ingresos" value="de1000a5000"> De $1,000.00 a $5,000.00<br>
<input type="radio" name="ingresos" value="masde5000"> Más de $5,000.00
</p>
<p><input type="submit" value="Enviar información"></p>
</form>
CASILLAS DE VERIFICACIÓN
Las casillas de verificación son representadas por el elemento input, cuando tiene el valor "checkbox" en el atributo type . aquí en las casillas de verificación se puede seleccionar varias opciones
EJEMPLO
<form action="../../form-result.php" target="_blank">
<p>
Selecciona tus intereses:<br>
<input type="checkbox" name="peliculas"> Películas<br>
<input type="checkbox" name="deportes"> Deportes<br>
<input type="checkbox" name="videojuegos"> Videojuegos
</p>
<p><input type="submit" value="Enviar información"></p>
</form>
¿Qué son los Helpers?
Los helpers son una herramienta muy potente para generar nuestro propio código HTML dentro de las vistas. Esto simplifica enormemente el código que se genera en la vista porque evitamos tener que generar mucho código en cada llamada a las vistas.
Usando HTML Helpers la vista puede mostrar propiedades del modelo y generar
el marcado HTML para cada tipo de propiedad.
Helpers, podemos crear helpers personalizados.
HTML Helpers podemos renderizar cajas de texto, áreas de texto, botones de radio, etc.
Podemos decir que son métodos C# utilizados para devolver marcado HTML.
Los HTML Helpers son métodos. Retornan cadenas HTML. Son usados en las vistas.
Helpers conocidos como (ayudantes, auxiliares, asistentes)
TIPOS DE HELPERS
ajax Helpers
url Helpers
HTML Helpers