Investigacion
Investiga y plasma con tus propias palabras las siguientes preguntas:
1)¿Que son los formularios WEB?
Los formularios web son una parte fundamental de las páginas web interactivas. Permiten a los usuarios enviar datos a un servidor web para su procesamiento posterior. Los formularios web constan de varios elementos, como campos de entrada de texto, botones de opción, casillas de verificación, botones de radio, menús desplegables y áreas de texto.
Los formularios web se parecen a los formularios de papel porque los internautas llenan dichos formularios usando casillas de selección, botones de opción, o campos de texto. Por ejemplo, los formularios web pueden ser usados para introducir datos de envío con el objetivo de solicitar un producto, o bien ser utilizados para solicitar datos
Los formularios web están definidos en lenguajes de programación como HTML, Perl, Java o .NET. Las implementaciones de estos lenguajes usualmente invocan automáticamente los idiomas de la interfaz de usuario y otras de sus características, tales como el diseño estructural, y tema, minimizando el tiempo, el costo y el tiempo de programación
Los formularios web se crean utilizando la etiqueta `<form>` en HTML. Dentro de esta etiqueta, se colocan los elementos de entrada que los usuarios pueden completar con su información. Cuando un usuario envía un formulario, los datos ingresados se envían al servidor web especificado en el atributo `action` del formulario.
Los formularios web son utilizados para una variedad de propósitos, incluyendo:
1. Recopilación de información de los usuarios, como nombres, direcciones de correo electrónico, números de teléfono, etc.
2. Envío de comentarios o mensajes a través de un sitio web.
3. Registro de usuarios para crear cuentas en un servicio en línea.
4. Realización de pedidos de productos o servicios en línea.
5. Envío de consultas o solicitudes a través de un sitio web de contacto.
6. Búsqueda de información dentro de un sitio web.
Los formularios web son una herramienta esencial para la interacción con los usuarios en la web y se utilizan ampliamente en una variedad de aplicaciones y servicios en línea.
2)Menciona que elementos y atributos básicos contiene un formulario desarrollado mediante el código HTML:
Los siguientes elementos pueden formar parte de un formulario del
- input
- type = (para indicar uno de los tipos de control del formulario)
- text: una caja de texto que permite ingresar una sola línea de texto.
- checkbox: una casilla de selección.
- radio: un botón de opción.
- file: un examinador para subir archivos.
- reset: un botón de reinicio que al activarse le dice al navegador que restaure los valores del formulario a su estado inicial
- submit: un botón que le dice al navegador que realice la acción del formulario (referido típicamente a mandarlo al servidor).
- type = (para indicar uno de los tipos de control del formulario)
- Algunas aplicaciones web utilizan otros elementos de formulario que no se pueden crear con <input>. Las listas desplegables y las áreas de texto disponen de sus propias etiquetas (<select> y <textarea> respectivamente):3
- select: una lista de elementos que el usuario puede seleccionar.
- textarea: muy parecido a la caja de texto pero con la posibilidad de escribir múltiples líneas.
La imagen de ejemplo de la derecha muestra todos estos elementos:
- Una caja de texto que permite ingresar un nombre.
- Un par de botones de opción para seleccionar el sexo.
- Una lista de colores de ojos a elegir.
- Un par de casillas de selección que son seleccionadas si se aplican al usuario.
- Un área de texto que describe la habilidad atlética.
- Un botón submit para enviar la información al servidor.
Estos elementos básicos proveen la mayor cantidad posible de elementos de las interfaces gráficas, pero no todos. Por ejemplo, no hay equivalentes a un combobox, globos de ayudas, vista de árbol, o vista tabular.
Una vista tabular, sin embargo, puede ser imitada usando una tabla HTML estándar con elementos input text en cada celda. Una vista de árbol puede ser imitada por medio de tablas anidadas o bien, semánticamente hablando, con listas anidadas. Muchos de estos elementos están disponibles por medio de bibliotecas de JavaScript.
3)Que función tienen las siguientes sintaxis y crea la visualización de la pantalla:
<input type="text" name="Nombre Completo:">
<select name="Genero:">
<option name="f"> Fem </option>
<input type="submit" value="Enviar">
1. <input type="text" name="Nombre Completo:">: Este es un campo de entrada de texto que permite a los usuarios ingresar texto. El atributo `type="text"` especifica que es un campo de texto. El atributo `name` se utiliza para identificar el campo cuando se envía el formulario al servidor. En este caso, el nombre del campo es "Nombre Completo". La visualización en pantalla sería un cuadro de texto donde los usuarios pueden ingresar su nombre completo.
2. <select name="Genero:">: Este es un menú desplegable que permite a los usuarios seleccionar una opción de una lista predefinida. La etiqueta `<select>` crea el menú desplegable, y el atributo `name` se utiliza para identificar el campo cuando se envía el formulario. En este caso, el nombre del campo es "Género". La visualización en pantalla sería un menú desplegable con una lista de opciones.
3. <option name="f"> Fem </option>: Este es un elemento de opción dentro de un menú desplegable (`<select>`). Define una de las opciones que los usuarios pueden seleccionar en el menú desplegable. El atributo `name` no se usa en las opciones; en su lugar, se usa dentro del elemento `<select>`. La visualización en pantalla mostraría esta opción como "Fem" dentro del menú desplegable.
4.`<input type="submit" value="Enviar">: Este es un botón de envío que permite a los usuarios enviar el formulario. El atributo `type="submit"` especifica que este es un botón de envío. El atributo `value` especifica el texto que se muestra en el botón. En este caso, el texto es "Enviar". La visualización en pantalla sería un botón con el texto "Enviar".
Juntando todo esto en un formulario completo, se vería algo así:
---------------------------------------------------
Nombre Completo: [ ]
Género: [Fem ▼]
[Enviar]
---------------------------------------------------
Donde "[]" representa el cuadro de texto para el nombre completo, "[Fem ▼]" representa el menú desplegable con la opción "Fem" (y un icono de flecha hacia abajo para indicar que es un menú desplegable), y "[Enviar]" es el botón para enviar el formulario.
Comentarios
Publicar un comentario