Scribd Logo
Upload

Welcome to Scribd!

  • 4 views

    Xa:ocha: O Bre: / t/FECHA: "El Estudiante Comprendera El Funcionamiento de Los Elementos para

    Uploaded by

    cristian
    The document discusses creating web forms using HTML. It provides examples of different form elements like text fields, checkboxes, select menus, textareas, radio buttons, and buttons. It also demonstrates attributes for various input types. The conclusion states that the student has learned how to use these elements to create forms and gather user input through a web page.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Xa:ocha: O Bre: / t/FECHA: "El Estudiante Comprendera El Funcionamiento de Los Elementos para

    Uploaded by

    cristian
    4 views3 pages
    The document discusses creating web forms using HTML. It provides examples of different form elements like text fields, checkboxes, select menus, textareas, radio buttons, and buttons. It also demonstrates attributes for various input types. The conclusion states that the student has learned how to use these elements to create forms and gather user input through a web page.

    Original Description:

    Hey

    Original Title

    Scan 24 feb. 2019

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document discusses creating web forms using HTML. It provides examples of different form elements like text fields, checkboxes, select menus, textareas, radio buttons, and buttons. It also demonstrates attributes for various input types. The conclusion states that the student has learned how to use these elements to create forms and gather user input through a web page.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    4 views3 pages

    Xa:ocha: O Bre: / t/FECHA: "El Estudiante Comprendera El Funcionamiento de Los Elementos para

    Uploaded by

    cristian
    The document discusses creating web forms using HTML. It provides examples of different form elements like text fields, checkboxes, select menus, textareas, radio buttons, and buttons. It also demonstrates attributes for various input types. The conclusion states that the student has learned how to use these elements to create forms and gather user input through a web page.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 3

    \

    TECNOLÓGICO NACIONAL DE MÉXICO

    INSTITUTO TECNOLÓGICO SUPERIOR DE COALCOMÁN


    INGENIERIA EN SISTEMAS COMPUTACIONALES
    PROGRAMACIÓN WEB
    PRACTICA FORMULARIOS.
    NOMBRE: e::,~
    ¡ ',a::O
    5\ --s._, \oú >xa:ocha t\FECHA: \::1) / O 1.. l \ q
    OBJETIVO: "El estudiante comprendera el funcionamiento de los elementos para
    la creación de formularios".

    MATERIAL:

    • Equipo de cómputo.
    • NetBeans
    PROCEDIMIENTO:
    <IDOCTYPE html>
    <html>
    <head>
    <title>Formularios</title>
    <meta charset="UTF-8">
    <meta narne="viewport" content="width=device-width, initial-scale=l .0">
    </head>
    <body>
    <div>
    <form method="post" target="_self''>
    <fieldset>
    <legend>Entradas de Texto</legend>
    Nombre: <input name="nombre" type="text" tabindex="2"/>
    Apellidos: <input name='apellídos' type='text' tabindex=" 111 />
    <label>Campo requerido <input type="text" id= 11 entrada" name=" entrada"
    required/></label>

    <label>Campo solo lectura <input type="text" id=" entrada" name=" entrada"


    placeholder="texto" readonly/></la bel> ·
    <lfieldset>
    TECNOLÓGICO NACIONAL DE MÉXICO

    <fieldset>
    <legend>edad</legend>
    <input type="checkbox" name="edad" value='20-39' > 20-39
    <input type="checkbox" name="edad" value='40-59' checked> 40-59
    <input type="checkbox" name="edad" value='60-79' > 60-79
    </fieldset>
    <fieldset>
    <legend>Atributos Input</legend>
    <label>Color <input type="color" id="color" narne="color" /></label><br>
    <label>Fecha <input type="date" id="fecha" name="fecha" /></label><br>
    <label>Fecha y hora <input type="datetime-local" id="fechayhora" name="fechayhora"
    /></label><br>
    <label>Correo <input type="email" id="correo" name="correo" multiple pattem="[a-z0-
    9._%+-] {1,40}[@] {1} [a-z] {1,1O}[.]{ 1}[a-z]{3 }" title="xxx@xxx.xxx"/></label><br>
    <label>Archivo <input type="file" id="archivo" name="archivo" /></label><br>
    <label>Oculto <input type="hidden" id=" oculto" name=" oculto" /></l.abel><br>
    <label>Contraseña <input type="password" id="contraseña" name="contraseña"
    /></label><br>
    <label>Número <input type="number" id="num" nam.e="nurn"/></label><br>
    </fieldset>
    <fieldset>
    <legend>Select</legend>
    <select nam.e=" select">
    <option value="valorl ">valor 1</option>
    <option va1ue="valor2" selected>valor 2</option>

    <option value='1valor3 ">valor 3</option>


    </select>

    </fieldset>

    <fieldset>

    <legend>Área de Texto</legend>
    <textarea name= 11 textarea" rows=" 1O" cols="50">Escribe algo</textarea>
    </fieldset>
    ~TECNM
    TECNOLÓGICO NACIONAL DE MÉXICO w ·MExico"'
    <fieldset>
    <1egend> Radio button</Iegend>

    <input type="radio" id="contactChoicel"


    name=" contact" value="email 11 >
    <label for=" contactChoice 1">Email </label>

    <input type="radio" id="contactChoice2"


    name="contact" value="phone">
    <label for=" contactChoice2 ">Phone</label>

    <input type=" radio II id=" contactChoice3"


    name=" contact" value="mail ">
    <label for=" contactChoice3 ">Mail</label>
    </fieldset>
    <fieldset>
    <Iegend>Boton</legend>
    <button type="reset">Reset</button><br>
    <input type=" submit" value=" Enviar"><br>
    <label>Imagen <input type="image" src="img/Enviar.png" alt="Enviar" height=" 50"
    width=" 50" fonnaction="#" formmethod="GBT" formtarget=" _blank" /></l.abel><br>
    </fieldset>
    </fonn>
    </div>
    </body>
    </html>
    CONCLUCIONES:
    L<'I es\o de \ o'S ~ o'\ -{Y)u, a Y·,o S V u J.e_ oidq c...ii v ;v
    Qyo.-.C~; ca
    COY'IO c._\ -n"'I-, E'i'I ~ c:,S so'o '\e °'\ °J <.))')O..~ e +;0.\ ~ \ o~ t om 0
    °f)o\ e.~effif)\O \O.S ó-e.. 'Q_ ,J"\t {Oc\ct ( ~ f\ y)l)\) \ 0. ~ (_ (JQ 1--e \
    r
    o. re vi ó '1 C\-'-t s \ " ,J-e '('\ °'
    'Pa-'{ ~ 1'(j~ S. a --r \.) Y\ d C\. ~ C\
    O\.. 0 '· e º\l"v~ ·\ o.. -..(V\\::,\ e'(\ -.Poc\e<i'OS
    o\,,_) \e~'-/ e el A- o s

    u-\ ', ,. coY\ ~o e "'e.-L\t-, bo x co-{'('¡o .\ -, {-)() ó€ ~o.A-o


    de. e '<\\"~ 6'--''- º

    . ~'{)(e~ d(:,~ ~0-{'«'\\ll°'-"''º~ ~ve O\\~O h ueno


    P'-1'€ óO ~, V'"\{) \ ,e m e_ V\ -\-o-" ' 9 eV\ \ ~
    "e <\¡Je--< o- ""e_ , \ \e, " ~ ,rS o--1 (V) et. e'(')'{) c\QJ D$ Ueit'/\ (i)A

    You might also like