Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Lab. 5 Ejemplos de Formularios

    Cargado por

    Angel Alfredo Sosa angel
    11 vistas8 páginas
    Html

    Título original

    LAB. 5 EJEMPLOS DE FORMULARIOS

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Html

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    11 vistas8 páginas

    Lab. 5 Ejemplos de Formularios

    Cargado por

    Angel Alfredo Sosa angel
    Html

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 8

    INSTITUTO PROFESIONAL DE COMPUTACIÓN

    DISEÑO DE PAGINAS WEB HTML


    LABORATORIO 5
    ETIQUETAS PARA CREAR FORMULARIOS

    FORMULARIO 1 (Input type text)

    <Html>
    <Head><Title>PÁGINA 35</Title></head>
    <Body>
    <Center> <H1> Formularios</H1> </Center>
    <H2> BIENVENIDOS</H2>
    <form name="mi formulario">
    Introduce tu nombre: <input type= "text" name="nombre"/>
    <br /> Mensaje: <input name="mensaje" type =textarea" size= "60" />
    <br /> <input type="submit" value="Probar" />
    </form>
    </Body>
    </Html>

    FORMULARIO 2 (Input type radio)

    Html>
    <Head><Title> PÁGINA 36</Title>
    <Body>
    <Center><H1>Formulario</H1></Center>
    <H2>Bienvenidos</H2>
    <form name="mi formulario">
    Introduce tu nombre: <input type= "text" name="nombre"/>
    <br /> Mensaje: <input name="mensaje" type =textarea" size= "60" />
    <br /> <input type="submit" value="Probar" />
    </form>
    Selecciona el color de tu icono: <br />
    <input type="radio" name="coloricono" value="Rojo" /> Rojo <br />
    <input type="radio" name="coloricono" value="Verde" /> Verde <br />
    <input type="radio" name="coloricono" value="Azul" /> Azul <br />
    <br /> <input type="submit" value="Probar" />
    </Body>
    </Html>
    FORMULARIO 3 (Input type checkbox)

    <Html>
    <Head><Title>PÁGINA 37</Title></head>
    <Body>
    <Center> <H1> Formulario </H1> </Center>
    <H2>Bienvenidos</H2>
    <form name="mi formulario">
    Introduce tu nombre: <input type= "text" name="nombre"/>
    <br /> Mensaje: <input name="mensaje" type =textarea" size= "60" />
    <br /> <input type="submit" value="Probar" />
    </form>
    Selecciona el color de tu icono: <br />
    <input type="radio" name="coloricono" value="Rojo" /> Rojo <br />
    <input type="radio" name="coloricono" value="Verde" /> Verde <br />
    <input type="radio" name="coloricono" value="Azul" /> Azul <br />
    <br /> <input type="submit" value="Probar" />
    <hr /> Selecciona los días con disponibilidad: <br />
    <input type="checkbox" name=días value="l" /> Lunes<br />
    <input type="checkbox" name=días value="m" /> Martes<br />
    <input type="checkbox" name=días value="mm" /> Miercoles<br />
    <input type="checkbox" name=días value="j" /> Jueves<br />
    <input type="checkbox" name=días value="v" /> Viernes<br />
    <br /> <input type="submit" value="Probar" />
    </Body>
    </Html>
    FORMULARIO 4 (botones de envío)

    <Html>
    <Head><Title>PÁGINA 38</Title></head>
    <Body>
    <Center> <H1> Formulario </H1> </Center>
    <H2>Bienvenidos</H2>
    <form name="mi formulario">
    Introduce tu nombre: <input type= "text" name="nombre"/>
    <br /> Mensaje: <input name="mensaje" type =textarea" size= "60" />
    <br /> <input type="submit" value="Probar" />
    </form>
    Selecciona el color de tu icono: <br />
    <input type="radio" name="coloricono" value="Rojo" /> Rojo <br />
    <input type="radio" name="coloricono" value="Verde" /> Verde <br />
    <input type="radio" name="coloricono" value="Azul" /> Azul <br />
    <br /> <input type="submit" value="Probar" />
    <hr /> Selecciona los dias con disponibilidad: <br />
    <input type="checkbox" name=días value="l" /> Lunes<br />
    <input type="checkbox" name=días value="m" /> Martes<br />
    <input type="checkbox" name=días value="mm" /> Miercoles<br />
    <input type="checkbox" name=días value="j" /> Jueves<br />
    <input type="checkbox" name=días value="v" /> Viernes<br />

    <input type="submit" value="Haz clic para enviar la información" />


    <input type="reset" value="Comenzar a rellenar de nuevo" />
    </Body>
    </html>
    FORMULARIO 5

    <Html>
    <Head><Title>PÁGINA 39</Title></head>
    <Body>
    <Center> <H1> Formulario </H1> </Center>
    <H2>Bienvenidos</H2>
    <form name="mi formulario">
    Introduce tu nombre: <input type= "text" name="nombre"/>
    <br /> Mensaje: <input name="mensaje" type =textarea" size= "60" />
    <input type="button" value="Haz clic sobre mi" />
    <br /> <input type="submit" value="Probar" />
    </form>
    Selecciona el color de tu icono: <br />
    <input type="radio" name="coloricono" value="Rojo" /> Rojo <br />
    <input type="radio" name="coloricono" value="Verde" /> Verde <br />
    <input type="radio" name="coloricono" value="Azul" /> Azul <br />
    <br /> <input type="submit" value="Probar" />
    <hr /> Selecciona los días con disponibilidad:<br />
    <input type="checkbox" name=días value="l" /> Lunes<br />
    <input type="checkbox" name=días value="m" /> Martes<br />
    <input type="checkbox" name=días value="mm" /> Miercoles<br />
    <input type="checkbox" name=días value="j" /> Jueves<br />
    <input type="checkbox" name=días value="v" /> Viernes<br />

    <input type="submit" value="Haz clic para enviar la información" />


    <input type="reset" value="Comenzar a rellenar de nuevo" />
    </Body>
    </html>
    FORMULARIO 6

    <Html>
    <Head><Title>PÁGINA 40</Title></head>
    <Body>
    <Center> <H1> Formulario </H1> </Center>
    <H2>Bienvenidos</H2>
    <form name="mi formulario">
    Introduce tu nombre: <input type= "text" name="nombre"/>
    <br /> Mensaje: <input name="mensaje" type =textarea" size= "60" />
    <br /> <input type="submit" value="Probar" />
    </form>
    Selecciona el color de tu icono: <br />
    <input type="radio" name="coloricono" value="Rojo" /> Rojo <br />
    <input type="radio" name="coloricono" value="Verde" /> Verde <br />
    <input type="radio" name="coloricono" value="Azul" /> Azul <br />
    <br /> <input type="submit" value="Probar" />
    <hr /> Selecciona los días con disponibilidad: <br />
    <input type="checkbox" name=días value="l" /> Lunes<br />
    <input type="checkbox" name=días value="m" /> Martes<br />
    <input type="checkbox" name=días value="mm" /> Miercoles<br />
    <input type="checkbox" name=días value="j" /> Jueves<br />
    <input type="checkbox" name=días value="v" /> Viernes<br />
    Adjunta tu curriculum vitae <input type="file" name="curriculm" />
    <input type="submit" value="Haz clic para enviar la información" />
    <input type="reset" value="Comenzar a rellenar de nuevo" />
    </Body>
    </html>
    FORMULARIO 7 (Selección de opciones)

    <Html>
    <Head><Title>PÁGINA 41</Title></head>
    <Body>
    <Center> <H1> Formulario </H1> </Center>
    <H2>Bienvenidos</H2>
    <form name="mi formulario">
    Introduce tu nombre: <input type= "text" name="nombre"/>
    <br /> Mensaje: <input name="mensaje" type =textarea" size= "60" />
    <br /> <input type="submit" value="Probar" />
    </form>
    Selecciona el color de tu icono: <br />
    <input type="radio" name="coloricono" value="Rojo" /> Rojo <br />
    <input type="radio" name="coloricono" value="Verde" /> Verde <br />
    <input type="radio" name="coloricono" value="Azul" /> Azul <br />
    <br /> <input type="submit" value="Probar" />
    <hr /> Selecciona los días con disponibilidad: <br />
    Selecciona el d&iacute;a preferente: <br />
    <Select>
    <option value=""> Seleccione un dia </option>
    <option value="l"> Lunes</option>
    <option value="m"> Martes</option>
    <option value="mm"> Miercoles</option>
    <option value="j"> Jueves</option>
    <option value="v"> Viernes</option>
    </select>
    Adjunta tu curriculum vitae <input type="file" name="curriculm" />
    <input type="submit" value="Haz clic para enviar la información" />
    <input type="reset" value="Comenzar a rellenar de nuevo" />
    </Body>
    </html>
    FORMULARIO 8 (selección de grupo)

    <Html>
    <Head><Title>PÁGINA 42</Title></head>
    <Body>
    <Center> <H1> Formulario </H1> </Center>
    <H2>Bienvenidos</H2>
    <form name="mi formulario">
    Introduce tu nombre: <input type= "text" name="nombre"/>
    <br /> Mensaje: <input name="mensaje" type =textarea" size= "60" />
    <br /> <input type="submit" value="Probar" />
    </form>
    Selecciona el color de tu icono: <br />
    <input type="radio" name="coloricono" value="Rojo" /> Rojo <br />
    <input type="radio" name="coloricono" value="Verde" /> Verde <br />
    <input type="radio" name="coloricono" value="Azul" /> Azul <br />
    <br /> <input type="submit" value="Probar" />
    </hr>
    Escoja una materia:
    <Select>
    <optgroup label="Obligatorias">
    <option value="mat"> Matematicas</option>
    <option value="len"> Lenguaje </option>
    </optgroup>

    <optgroup label="Optativas">
    <option value="cor"> Corte y confección </Option>
    <option value="ast> Astronomía</Option>
    </optgroup>
    <hr /> Selecciona los días con disponibilidad: <br />
    Selecciona el día preferente: <br />

    Adjunta tu curriculum vitae <input type="file" name="curriculm" />


    <input type="submit" value="Haz clic para enviar la información" />
    <input type="reset" value="Comenzar a rellenar de nuevo" />
    </Body>
    </html>
    FORMULARIO 9

    <Html>
    <Head><Title>PÁGINA 43</Title></head>
    <Body>
    <Center> <H1> Formulario </H1> </Center>
    <H2>Bienvenido</H2>
    <form name="mi formulario">
    <fieldset>
    <legend> Datos Personales </legend>
    Introduce tu nombre: <input name="nombre" type="Text" /> <br />
    Mensaje: <textarea name="mensaje" cols="60" rows="6"> </Textarea> <br />
    </fieldset>
    Introduce tu nombre: <input type= "text" name="nombre"/>
    <br /> Mensaje: <input name="mensaje" type =textarea" size= "60" />
    <br /> <input type="submit" value="Probar" />
    </form>
    Selecciona el color de tu icono: <br />
    <input type="radio" name="coloricono" value="Rojo" /> Rojo <br />
    <input type="radio" name="coloricono" value="Verde" /> Verde <br />
    <input type="radio" name="coloricono" value="Azul" /> Azul <br />
    <br /> <input type="submit" value="Probar" />
    <hr /> Selecciona los días con disponibilidad: <br />
    Selecciona el d&iacute;a preferente: <br />
    <Select>
    <option value=""> Seleccione un día </option>
    <option value="l"> Lunes</option>
    <option value="m"> Martes</option>
    <option value="mm"> Miercoles</option>
    <option value="j"> Jueves</option>
    <option value="v"> Viernes</option>
    </select>
    Adjunta tu curriculum vitae <input type="file" name="curriculm" />
    <input type="submit" value="Haz clic para enviar la información" />
    <input type="reset" value="Comenzar a rellenar de nuevo" />
    </Body>
    </html>

    También podría gustarte