top of page

Actividad de consolidación.

App Mentimeter

MENTIMETER.jpg

Formulario en HTML

/////////////////////////////////////////////////////////////////////

Progresión: utiliza herramientas en línea que permiten investigar y manejar información de situaciones, fenómenos o problemáticas del contexto personal, académico, social y ambiental para difundirla, recopilarla, extraerla, exportarla y analizarla en forma estructurada y organizada.

Meta específica: edita documentos en herramientas ofimáticas, según la necesidad del usuario.

En esta sesión vamos a crear un formulario. Te propongo el siguiente que tú puedes modificar a tu gusto.

​

En el block de notas copia el siguiente código y guárdalo como Formulario.html.

<HTML>

    <HEAD>

       <TITLE> ACTIVIDAD 4 - CURSO DE INTERNET II </TITLE>

    </HEAD>

    <BODY BACKGROUND="DSGN11.GIF" >

      

       <FONT SIZE="5" FACE="ARIAL" COLOR=WHITE> <B> CLUB DE OPERA.</B>

         INSCRIPCION  </FONT>

 

    <FORM ACTION="MAILTO:leithol30@gmail.com"

          METHOD="POST"

          ENCTYPE"TEXT/PLAIN">

 

        <P>

        <FONT SIZE="3" FACE="ARIAL" COLOR=FFFF99>NOMBRE:    </FONT>

        <INPUT TYPE="TEXT" NAME="NOMBRE"

              VALUE"" SIZE="56" MAXLENGTH="42"/>  

        </P>

       

        <P>

        <FONT SIZE="3" FACE="ARIAL" COLOR=FFFF99>DIRECCIÓN:   </FONT>

        <INPUT TYPE="TEXT" NAME="DIRECCIÓN"

              VALUE"ESCRIBE" SIZE="60" MAXLENGTH="41"/>  

        </P>

 

        <P>

        <FONT SIZE="3" FACE="ARIAL" COLOR=FFFF99>SEXO: </FONT>   <BR>

        <INPUT TYPE=RADIO NAME="OPCION" VALUE="M" />

             <FONT COLOR=WHITE> Masculino </FONT> <BR>

        <INPUT TYPE=RADIO NAME="OPCION" VALUE="F" />

             <FONT COLOR=WHITE> Femenino </FONT> <BR>

        </P>

 

        <FONT SIZE="3" FACE="ARIAL" COLOR=FFFF99>ACTIVIDADES

                                   PREFERIDAS </FONT>   <BR>

        <INPUT TYPE=CHECKBOX NAME="OPCION1" VALUE="yes"   CHECKED/>

              <FONT COLOR=WHITE> Opera </FONT> <BR>

        <INPUT TYPE=CHECKBOX NAME="OPCION2" VALUE="yes" />

              <FONT COLOR=WHITE> Deportes </FONT> <BR>

        <INPUT TYPE=CHECKBOX NAME="OPCION3" VALUE="yes" />

              <FONT COLOR=WHITE> Computación </FONT> <BR>  

        <INPUT TYPE=CHECKBOX NAME="OPCION4" VALUE="yes" />

              <FONT COLOR=WHITE> Películas </FONT> <BR>

        <INPUT TYPE=CHECKBOX NAME="OPCION5" VALUE="yes" />

               <FONT COLOR=WHITE> Cocina </FONT> <BR>

        <INPUT TYPE=CHECKBOX NAME="OPCION6" VALUE="yes" />

                <FONT COLOR=WHITE> Otras </FONT> <BR>

        </P>

 

 

        <FONT SIZE="3" FACE="ARIAL" COLOR=FFFF99>

            <B>GENERO DE OPERA PREFERIDA </B> </FONT>   <BR>

        <SELECT NAME="GENERO DE ÓPERA PREFERIDO" >

          <OPTION VALUE="SELECCION"> (Seleccione) </option>

          <OPTION VALUE="Verista"> Verista </option>

          <OPTION VALUE="Belcantista"> Belcantista </option>

          <OPTION VALUE="Romanticista"> Romanticista   </option>

          <OPTION VALUE="Siglo XX"> Siglo XX </option>

         </SELECT> <BR> <BR>

 

        <FONT SIZE="3" FACE="ARIAL" COLOR=FFFF99>

            <B> ME INTERESAN TUS COMENTARIOS </B> </FONT>   <BR>        

        <TEXTAREA NAME="COMENTARIOS" ROWS=4 COLS=46> (Mis comentarios) </TEXTAREA>

 

        <P>

        <INPUT TYPE="SUBMIT" VALUE="Enviar Solicitud de Inscripcción"/>

        <INPUT TYPE="RESET" VALUE="Borrar información"/>

        </P>

 

 

    </FORM>

    </BODY>

</HTML>

 

El resultado será algo más o menos así:

FORMULARIO.jpg

Considera que la imagen de fondo la debes añadir tú:

    <BODY BACKGROUND="DSGN11.GIF" >

Tarea Semana 14

Productos y actividades solicitadas en clase:

  • T17.C3 Participación activa en clase

  • T18.C3 Sitio Web, realizado en HTML, con las especificaciones solicitadas

Productos DE TAREA A ENTREGAR:

  • T19.C3 Adjuntar al portafolio de evidencias las respuestas del Insumo9.docx

CD2_Corte3_Insumo9.docx >>

HRASSO.jpg
bottom of page