Scribd Logo
Upload

Welcome to Scribd!

  • Taller para Trabajar en Clase 10

    Uploaded by

    Jose Chinchilla
    171 views4 pages
    HTML

    Original Title

    Taller Para Trabajar en Clase 10

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    HTML

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    171 views4 pages

    Taller para Trabajar en Clase 10

    Uploaded by

    Jose Chinchilla
    HTML

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    Taller de dcimo

    Prof. Jos Morn

    Taller para trabajar en clase


    En cada campo o rea est hecho el ejercicio con las etiquetas explicada, estn resaltado de verde Practquenlas y hganlo paso por paso para que vean cual es la funcin de cada etiqueta, no copien todo al tiempo (por favor)recuerden que en cualquier momento hay previa , detallen donde se encuentran las etiquetas y la funcin, no es solo copiar y pasar al cuaderno

    Formularios <FORM>
    Un formulario sigue siendo lenguaje html y por lo tanto necesita de unas etiqueta que loespecifiquen. La declaracin de formulario queda recogida por las etiqueta<form>.....</form> y dentro de ellas se recogern todas las variables de entrada.

    Campos de entrada
    <INPUT>
    La etiqueta <input> define la introduccin de variables. Junto a esta tag encontraremos los siguientes atributos: 1. type="" Indicar el tipo de variable a introducir. o text Indica que el campo a introducir ser un texto. Sus atributos:  maxlenght="" Seguido de un valor que limitar el nmero mximo de caracteres a introducir en ese campo.  size="" Seguido de un valor que limitar el numero de caracteres a mostrar en pantalla.  value="" Indica que no hay valor inicial del campo. o Password Indica que el campo a introducir ser una palabra de paso. Mostrar asteriscos en lugar de letras escritas. Sus atributos sern los mismos que para text. o Checkbox El campo se elegir marcando de entre varias opciones una casilla cuadrada.  value="" Entre comillas se indicar el valor de la casilla.  checked La casilla aparecer marcada por defecto. o Radio El campo se elegir marcando de entre varias opciones una casilla circular.  value="" Entre comillas se indicar el valor de la casilla. o Image El campo contendr el valor en coordenadas del punto de la imagen que haya pinchado. Atributo obligatorio:

    Taller de dcimo
    

    Prof. Jos Morn

    src="" Entre comillas escribiremos el nombre del archivo de imagen.. 2. Name="" Indicar el nombre que se asigna a un determinado campo. <HTML> <HEAD> <TITLE>Ejemplo 15</TITLE> </HEAD> <BODY> <H1>Formularios</H1> <FORM> Texto: <INPUT TYPE="text" NAME="nombre"><BR> Password: <INPUT TYPE="password" NAME="contra"><BR> Sexo:<INPUT TYPE="radio" NAME="boton1" VALUE="1"> Hombre <INPUT TYPE="radio" NAME="boton1" VALUE="2">Mujer<BR> Vehiculo:<INPUT TYPE="checkbox" NAME="Moto" VALUE="Si">Moto <INPUT TYPE="checkbox" NAME="Coche" VALUE="" CHECKED>Coche <BR><BR> <INPUT TYPE="submit"><INPUT TYPE="Reset"> </FORM> </BODY> </HTML>

    Campos de seleccin
    <SELECT>
    Las etiquetas <select>.....</select> encierran los valores que podremos elegir a partir de una lista. Los atributos que acompaan a la tag de apertura son: 1. name="" Indicar el nombre del campo de seleccin. 2. Size="" Indicar el nmero de opciones visibles. Si le asignamos 1, la seleccin se presentar como un men desplegable. Si le asignamos un valor mayor se presentar como una lista con barra de desplazamiento. 3. multiple Indica si se pueden realizar multiples selecciones. Las diferentes opciones de la lista se indicarn mediante la tiqueta<option> que puede acompaarse del atributo selected para indicar cual es la opcin que aparecer por defecto. Si no lo especificamos, siempre ser la primera de la lista. <HTML> <HEAD>

    Taller de dcimo

    Prof. Jos Morn

    <TITLE>Ejemplo 16</TITLE> </HEAD> <BODY> <H1>Formularios</H1> <FORM> <SELECT NAME="Colores" MULTIPLE> <OPTION VALUE="r">Rojo</OPTION> <OPTION VALUE="g">Verde</OPTION> <OPTION VALUE="b">Azul</OPTION> </SELECT> <BR><BR> <SELECT NAME="Colores" SIZE="1"> <OPTION VALUE="r">Rojo</OPTION> <OPTION VALUE="g">Verde</OPTION> <OPTION VALUE="b">Azul</OPTION> </SELECT> <BR><BR> <INPUT TYPE="submit"><INPUT TYPE="Reset"> </FORM> </BODY> </HTML>

    Areas de texto
    <TEXTAREA>
    Con las etiquetas <textarea>;.....</textarea> definimos un texto de mltiples lneas para que el visitante pueda incluir un comentario junto a sus datos. Junto a la etiqueta de apertura pueden aparecer los siguientes atributos: 1. name="" Nombre del campo. 2. Cols="" Numero de columnas de texto visible. 3. Rows="" Numero de filas de texto visible. <HTML> <HEAD> <TITLE>Ejemplo 16</TITLE> </HEAD> <BODY> <H1>Formularios</H1>l <FORM> <TEXTAREA COLS=20 ROWS=10 NAME="Texto">

    Taller de dcimo

    Prof. Jos Morn

    </TEXTAREA> <BR><BR> <INPUT TYPE="submit"><INPUT TYPE="Reset"> </FORM> </BODY> </HTML>

    Botones
    Se definen mediante la tag<input> a la que le acompaan los atributos: 1. type="" Seguido de submit para enviar los datos del formulario y seguido de reset para borrar los datos que se han introducido. 2. Value="" Indica el texto que incorporaran los botones. Normalmente, enviar y borrar. <HTML> <HEAD> <TITLE>Ejemplo 16</TITLE> </HEAD> <BODY> <H1>Botones</H1> <FORM > <INPUT TYPE="submit"> <INPUT TYPE="Reset"> </FORM> </BODY> </HTML>

    You might also like