Categorieën: Alle - formularios - texto - servidor - controles

door Ruth Nicol TERRONES AZAÑERO 2 jaren geleden

207

FORMULARIOS Y HTML HELPERS

Los formularios en HTML son herramientas fundamentales para recolectar información de los usuarios y enviarla a un servidor para su procesamiento. Estos formularios contienen diversos controles, como campos de texto, casillas de verificación y botones de radio, que permiten a los usuarios ingresar datos variados.

FORMULARIOS Y HTML
HELPERS

FORMULARIOS Y HTML HELPERS

¿Qué son los Helpers?

TIPOS DE HELPERS
HTML Helpers
url Helpers
ajax 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.
Helpers conocidos como (ayudantes, auxiliares, asistentes)
Los HTML Helpers son métodos. Retornan cadenas HTML. Son usados en las vistas.
Podemos decir que son métodos C# utilizados para devolver marcado HTML.
HTML Helpers podemos renderizar cajas de texto, áreas de texto, botones de radio, etc.
Helpers, podemos crear helpers personalizados.
Usando HTML Helpers la vista puede mostrar propiedades del modelo y generar el marcado HTML para cada tipo de propiedad.

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

Selecciona tus intereses:
Películas
Deportes
Videojuegos

CONTROLES DE OPCIÓN

Estos controles permiten a los usuarios seleccionar una o más opciones de una lista de valores predefinidos.

Ingresos:
Menos de than $1,000.00
De $1,000.00 a $5,000.00
Más de $5,000.00

CONTROLES DE TEXTO

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).

Ingresa tu nombre completo:

Deja un mensaje:

analizaremos dos de los controles de texto
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.

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.

Ingresa tu nombre completo:

Los controles de texto proveen los medios necesarios para recolectar información textual
como nombres, direcciones, frases, mensajes, contraseñas,

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

Puedes ver al agente procesador tomando el control del proceso en una nueva ventana cuando envías el formulario.

Puedes ver al agente procesador tomando el control del proceso en una nueva ventana cuando envías el formulario.

Puedes ver al agente procesador tomando el control del proceso en una nueva ventana cuando envías el formulario.

Formulario HTML

Tal información puede ser especificada con atributos como.
action

indica la ubicación del agente procesador

method

determina el método utilizado para empaquetar el formulario antes de ser enviado al agente procesador

target

indica dónde serán mostrados los resultados del proceso.

EJEMPLO DE UNA APERTURA Y CIERRE DE UN FORMULARIO MEDITE CODIGO
[Conjunto de 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
es básicamente un contenedor para controles.

¿Qué es un Formulario HTML?

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"
Los formularos sirven para recolectar información proporcionada por los visitantes del sitio lo cual será enviado nuevamente al servidor
Un formulario es una sección de un documento HTML donde pones los controles de entrada
check box
(text box
radio buttons
and pull-down lists