Practica Input,CheckBox,Submit

 












<html> <!--define la estructura de una página web-->

    <head> <!--contiene información sobre la página web que no se muestra en el navegador-->

        <title><!--La etiqueta <title> define el título de una página web-->

      Prectica No.11

</title>

</head>

    <body> <!--contiene todo el contenido visible de una página web-->

    <h1>Captura de datos utilizando un formulario</h1><!--define el título principal de una página web-->

        <b>programado por: </b> Karol Uriel Lopez Ryena<br><br>

<form action="Form1ejmp.php" method="post">

<b>Nombre:</b>

    <input type="text" name="nombre" placeholder=""><br>

    <b>Apellido paterno:</b>

    <input type="text" name="apellido" placeholder=""><br>

    <b>Direccion:</b>

    <input type="text" name="direccion" placeholder=""><br><br>

<b>Selecione su genero:</b><br>

    <input type="radio" name="grupoOpciones" value="opcion1" id="opcion1">

            <label for="opcion1">Masculino</label><br>

            <input type="radio" name="grupoOpciones" value="opcion2" id="opcion2">

            <label for="opcion2">Femenino</label><br>

    <b>Cual es la mejor escuela:</b><br>

    <input type="radio" name="grupoOpciones2" value="opcion1" id="o1">

            <label for="opcion1">CBTis</label><br>

            <input type="radio" name="grupoOpciones2" value="opcion2" id="op2">

            <label for="opcion2">Preparatoria</label><br>

    <input type="radio" name="grupoOpciones2" value="opcion2" id="op3">

            <label for="opcion2">CETIS 12</label><br>

    <b>Cuales son tus intereses:</b><br>

    <input type="checkbox" name="Masculino" value="masculino"> Tecnologia <br>

            <input type="checkbox" name="Femenino" value="femenino"> Deportes <br>

    <input type="checkbox" name="Masculino" value="masculino"> Lectura <br>

            <input type="checkbox" name="Femenino" value="femenino"> Comida <br><br>

<input type="submit" value="Enviar Datos">

</form>

  </body>

</html>

Comentarios

Publicar un comentario

Entradas populares de este blog

Investigacion de Hipervinculos y Lista de ordenadas y desorndenadas

Investigación de Hipervinculos y Lista de ordenadas y desorndenadas. Hipervínculos: Los hipervínculos son elementos interactivos en documentos electrónicos que permiten enlazar o vincular una parte específica del documento con otra ubicación, ya sea dentro del mismo documento o en otro archivo, página web, imagen, video u otro tipo de recurso digital. Estos enlaces son comúnmente utilizados en navegadores web, documentos electrónicos, presentaciones, correos electrónicos y otras formas de contenido digital. La función principal de los hipervínculos es facilitar la navegación y la referencia cruzada entre información relacionada. Al hacer clic en un hipervínculo, el usuario es llevado automáticamente a la ubicación vinculada, proporcionando acceso rápido y directo a recursos adicionales o información relevante. Los hipervínculos son esenciales para la estructura de la World Wide Web (WWW) y son una característica fundamental en la mayoría de las aplicaciones y plataformas digitales. Exi...
Leer más

Practica Iframe

Imagen
<html> <!--define la estructura de una página web-->     <head> <!--contiene información sobre la página web que no se muestra en el navegador-->         <title><!--La etiqueta <title> define el título de una página web-->       Iframe </title> </head>     <body> <!--contiene todo el contenido visible de una página web-->     <h1>Ejemplos de recuadros web (IFrame)</h1><!--define el título principal de una página web--> <iframe src="https://es.wikipedia.org/wiki/Iframe" title="Iframe ejemplo" width="600" height="300" frameborder="0"></iframe> <iframe width="560" height="315" src="https://www.youtube.com/embed/X8NmwFlzFnc?si=rCYn37irQjEE4KAt" title="YouTube video player"  frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-i...
Leer más

Etiquetas html

Para trabajar con tablas en HTML, se utilizan varias etiquetas específicas que permiten definir la estructura y contenido de la tabla. Aquí tienes las principales etiquetas que se utilizan para crear tablas en HTML: 1. `<table>`: Define una tabla en HTML. 2. `<tr>`: Define una fila en la tabla. 3. `<th>`: Define una celda de encabezado en la tabla. Se utiliza para las celdas que contienen encabezados de columna o fila. 4. `<td>`: Define una celda de datos en la tabla. Se utiliza para las celdas que contienen datos. 5. `<thead>`: Define el grupo de encabezado de la tabla. Se utiliza para agrupar las filas que contienen encabezados de columna. 6. `<tbody>`: Define el cuerpo de la tabla. Se utiliza para agrupar las filas que contienen datos de la tabla. 7. `<tfoot>`: Define el pie de la tabla. Se utiliza para agrupar las filas que contienen resúmenes o totales de datos. Un ejemplo básico de cómo se pueden utilizar estas etiquetas para crear una ta...
Leer más