planeacion y consulta formularios HTML P2

consulta Segundo periodo

CONTROLES DE TEXTO: Los campos de texto <input> son los controles de formulario más básicos. Son un modo muy cómodo de permitir al usuario introducir cualquier tipo de datos, y ya hemos visto algunos ejemplos sencillos.

.Los campos de texto de los formularios HTML son controles de entrada de texto sencillos sin formato. Esto significa que no puedes usarlos para aplicar una edición enriquecida (negrita, cursiva, etc.). Todos los controles de formulario que encuentres con texto enriquecido son controles de formulario personalizados creados con HTML, CSS y JavaScript.

webgrafias de controles de texto- https://developer.mozilla.org/es/docs/Learn/Forms/Basic_native_form_controls

campos de texto en una sola linea:Un campo de texto de una sola línea, que permite el ingreso de una única línea de texto, es uno de los tantos controles que se declaran con el elemento input. En este caso, el elemento input debe tener el valor "text" en su atributo type.

Cuando la tecla ENTER es presionada en este tipo de campos, los navegadores habitualmente envían el formulario que los contiene, en lugar de pasar a una nueva línea del control. Esto se debe a la naturaleza del control que solo acepta una línea de texto.

Con sólo esto, el control ya es visible, pero se necesita de un nombre (en el atributo name) si existe la intención de recolectar la información ingresada por el usuario en este control. El valor del atributo name identificará, en el lado servidor, a los datos ingresados por el usuario en el control. El siguiente ejemplo muestra una implementación básica de un control de texto de una sola línea. Adicionalmente, estaremos encerrando al control y su etiqueta en un parrafo ya que puede considerarse a estos dos como una unidad con un idea que los separa del resto.

webgrafia de campos de texto en una sola linea- https://www.htmlquick.com/es/tutorials/forms.html

campos de texto multilinea:Los objetos de formularios en los que preguntamos el nombre, apellidos, etc, etc pueden ser de una sola lína de longitud, como los que hemos visto al principio. Pero y si queremos que el visitante nos escriba un mensaje de varias líneas? En ese caso no nos sirve el campo de texto anterior pues al pulsar el Enter o Intro no aparece una nueva línea.
En estos casos definiremos un tipo distinto de objeto de formulario, los campos de texto de varias líneas.

En este caso en lugar de usar <input..... usarmos la palabra mágica <textarea... que significa area de texto. Las características que le podemos indicar a un area de texto son, el nombre del objeto con name; la anchura del area donde el usuario puede escribir,con cols; la altura de ese area con rows y la palabra mágica wrap que veremos más adelante.
Un ejemplo de area de texto de varias líneas sería este código Html:

webgrafia de campos de textos multilinear-<textarea rows="10" cols="20" wrap="soft">Texto que aparece ya escrito de antemano</textarea>.

controles de opciones:Controles de opción. Estos controles permiten a los usuarios seleccionar una o más opciones de una lista de valores predefinidos. Los controles de opción pueden ser presentados con diferentes estilos y mecanismos de inteacción con el usuario, dependiendo principalmente del elemento utilizado.

webgrafia de controles de opciones- Formularios básicos en HTML (página 2)

casillas de verificacion:Las casillas de verificación permiten mostrar al usuario la posibilidad de marcar una opción como activada, verdadera o afirmativa, o dejarla sin marcar, lo que representa una opción desactivada, falsa o negativa.

Se puede añadir el atributo checked para forzar que esa casilla esté activada inicialmente.

webgrafias de casillas de verificacion- https://lenguajehtml.com/html/formularios/controles-casillas-o-botones/

botones de opcion: Un botón de opción también se declara con el elemento input , pero con el valor "radio" en su atributo type . Aquí las cosas se vuelven un poco diferentes a como eran con las casillas de verificación, debido a que el valor del atributo name necesita ser compartido por todas las opciones en un mismo grupo

webgrafia de botones de opcion-

Formularios básicos en HTML (página 2)

https://www.htmlquick.com › tutorials › forms

listas: Las listas en HTML nos permite crear conjuntos de elementos en forma de lista dentro de una página, todos los cuales irán precedidos, generalmente, por un guión o número.

Los tipos de listas en HTML son los siguientes:

Listas ordenadas
Listas desordenadas
Listas de definiciones

webgrafia de listas-

http://www.manualweb.net/html/listas-html/

botones Es el elemento crea botones marcadores.

La etiqueta de HTML <button> representa un elemento cliqueable de tipo botón que puede ser utilizado en formularios o en cualquier parte de la página que necesite un botón estándar y simple de aplicar. De forma predeterminada, los botones HTML se presentan con un estilo similar en todas las plataformas, estos estilos se pueden cambiar utilizando CSS.

webgrafia de botones- https://developer.mozilla.org/es/docs/Web/HTML/Element/button

envio: Este tipo de botones envía automáticamente el formulario en que se encuentra cuando es presionado. Es decir, cuando se pulsa el botón el navegador nos lleva a la dirección web indicada en el campo action y al mismo tiempo envía a esa dirección los datos que contiene el formulario. Para insertar un botón usamos la etiqueta <input … />. Para indicar que se trata de un botón de envío dentro de esta etiqueta escribiremos type = "submit". Escribe este código en un editor de textos, guárdalo como archivo con extensión HTML y comprueba los resultados que se obtienen.

<!DOCTYPE html>

<html>

<head>

<title>Ejemplo del uso de formularios - aprenderaprogramar.com</title>

</head>

<body>

</form>

</body>

</html>

webgrafia de Formularios HTML. Botones: envío submit, Restablecimiento ...

reinicioRestablecer objeto de entrada

El objeto de entrada de reinicio representa un HTML <input> elemento con type = "reset".

Acceder a una entrada de reinicio de objetos

Puede acceder a un <input> elemento con type = "reset" mediante el uso de getElementById() :

Ejemplo

var x = document.getElementById("myReset");

Inténtalo tú mismo "

Consejo: También puede acceder a <input type="reset"> buscando a través de la elementos de colección de una forma.

Crear una entrada de reinicio de objetos

Se puede crear un <input> elemento con type = "reset" con el document. createElement() document. createElement() método:

Ejemplo

var x = document.createElement("INPUT");
x.setAttribute("type", "reset");

Inténtalo tú mismo "

webgrafia de reinicio- https://www.w3bai.com/es/jsref/dom_obj_reset.html

etiquetado de controles: Los etiquetas que crean los controles en los formularios son <input>, <button>, <select>, <optgroup>, <option> y <textarea>. Además, se pueden estructurar los controles con las etiquetas <fieldset> y <legend>. Por último, la etiqueta <label> permite mejorar la accesibilidad de los controles.

webgrafia etiquetado de controles-Formularios. HTML. Páginas web HTML y hojas de estilo CSS

Agrupación de controles

Un grupo fieldset puede además tener un título para identificar la composición o el propósito del conjunto de controles que contiene. Este título puede ser provisto por el elemento legend , el cual debe ser declarado como primer hijo del grupo ( fieldset ).

el cual actúa como un contenedor de controles. Con este elemento, los autores pueden hacer divisiones al formulario y organizar los controles temáticamente.

Un grupo fieldset puede además tener un título para identificar la composición o el propósito del conjunto de controles que contiene. Este título puede ser provisto por el elemento legend, el cual debe ser declarado como primer hijo del grupo (fieldset). El siguiente ejemplo muestra un formulario pequeño dividido en dos grupos temáticos.

webgrafia de agrupacion de controles-Formularios básicos en HTML (página 3)

FIN

https://www.htmlquick.com

Buscar este blog

trabajos de tecnologia