¿Qué aplicación me permite crear cuestionarios y formularios?

HTML Forms es una de las aplicaciones más utilizadas para crear cuestionarios y formularios. Con esta herramienta, los usuarios pueden diseñar y personalizar fácilmente sus propias encuestas, evaluaciones y solicitudes en línea.

HTML Forms ofrece una amplia gama de opciones de diseño y personalización. Los usuarios pueden elegir entre diferentes tipos de campos como cuadros de texto, casillas de verificación, botones de opción y menús desplegables. Además, se pueden aplicar estilos diferentes a cada campo para que se adapten al aspecto general de la aplicación.

HTML Forms también permite a los usuarios agregar lógica de programación para validar las respuestas de los participantes. Esto significa que se pueden establecer reglas específicas para cada campo, como requerir una respuesta o establecer rangos de valores válidos. Esto garantiza que los cuestionarios y formularios recopilen datos precisos y consistentes.

Una de las características más destacadas de HTML Forms es su capacidad para generar informes y análisis. Después de que los participantes completen el cuestionario o formulario, los usuarios pueden acceder a los resultados de manera rápida y fácil. Esto les permite analizar los datos recopilados y tomar decisiones informadas con base en ellos.

Otra razón por la cual HTML Forms es una aplicación popular es su compatibilidad con diferentes plataformas y dispositivos. Ya sea que los usuarios accedan a los cuestionarios y formularios desde una computadora de escritorio, una tableta o un teléfono inteligente, la interfaz se adapta de manera adecuada. Esto garantiza una experiencia fluida y sin problemas para los participantes.

En resumen, HTML Forms es la aplicación ideal para crear cuestionarios y formularios profesionales y personalizados. Con su amplia gama de opciones de diseño, lógica de programación y capacidad de análisis, es una herramienta versátil y poderosa. Ya sea para uso personal o empresarial, HTML Forms ofrece todas las herramientas necesarias para crear encuestas y formularios eficientes y efectivos.

¿Qué herramienta permite crear cuestionarios?

HTML ofrece varias opciones para crear cuestionarios de manera sencilla y efectiva. Una de las herramientas más utilizadas para este propósito es el elemento form. Este elemento nos permite recopilar datos del usuario a través de campos de entrada como texto, opciones de selección y casillas de verificación.

Además del elemento form, HTML también ofrece otros elementos que pueden ser útiles al crear cuestionarios. Por ejemplo, el elemento input nos permite agregar campos de entrada de texto, como cajas de texto y áreas de texto. También podemos utilizar el elemento select para crear listas desplegables de opciones de selección y el elemento checkbox para crear casillas de verificación.

Para agregar preguntas específicas a nuestro cuestionario, podemos utilizar el elemento label en combinación con los elementos mencionados anteriormente. Por ejemplo, podemos utilizar un elemento label para agregar una pregunta de opción múltiple y luego utilizar varios elementos input type="radio" para proporcionar las opciones de respuesta.

Es importante mencionar que, aunque HTML nos permite crear cuestionarios básicos, si deseamos realizar cuestionarios más avanzados con funcionalidades adicionales, podría ser necesario utilizar lenguajes de programación como JavaScript. JavaScript nos permite realizar validaciones en el lado del cliente, mostrar u ocultar elementos dependiendo de las respuestas seleccionadas y realizar distintas acciones al enviar el formulario.

En resumen, HTML ofrece herramientas que permiten crear cuestionarios de manera sencilla y efectiva. El elemento form, en combinación con los elementos input, select y checkbox, nos permite recopilar información del usuario de manera clara y ordenada. Sin embargo, si deseamos cuestionarios más avanzados, sería necesario utilizar lenguajes de programación como JavaScript para agregar funcionalidades adicionales.

¿Cuál es la aplicación que permite crear un cuestionario en línea?

En el mundo digital actual, existe una amplia variedad de herramientas y aplicaciones para facilitar diferentes tareas. Una de ellas es la creación de cuestionarios en línea. ¿Pero cuál es la aplicación que permite realizar esta tarea de forma eficiente y sencilla?

HTML, siglas en inglés de HyperText Markup Language, es uno de los lenguajes de programación más utilizados para crear páginas web. Aunque principalmente se utiliza para estructurar el contenido de un sitio web, también se pueden crear cuestionarios en línea utilizando el formato HTML.

Una forma simple y eficiente para crear cuestionarios en línea utilizando HTML es a través de formularios. Los formularios en HTML permiten a los usuarios ingresar y enviar información a través de una página web. Además, es posible agregar distintos tipos de preguntas, como cajas de texto, casillas de verificación, botones de opción, listas desplegables, entre otros.

Para utilizar esta aplicación, solo se necesita tener conocimientos básicos de HTML y seguir algunas pautas. Primero, se debe utilizar la etiqueta

para crear el formulario en sí y luego agregar las etiquetas adecuadas para cada tipo de pregunta, como para cajas de texto y botones,

para áreas de texto más extensas, y <select> para listas desplegables.</p><p><strong>Además</strong>, es posible aprovechar las capacidades de HTML para validar y procesar la información enviada por los usuarios. Por ejemplo, se pueden agregar atributos a las etiquetas de entrada para especificar si un campo es obligatorio, si solo se aceptan números, caracteres específicos, entre otros.</p><p><strong>Una vez que se ha creado el cuestionario en línea</strong> utilizando HTML, se puede guardar como un archivo HTML independiente para su posterior uso o se puede insertar en una página web existente. Esto permite una mayor flexibilidad y personalización.</p><p><strong>En conclusión</strong>, HTML es una aplicación muy útil para crear cuestionarios en línea. A través de formularios y etiquetas HTML adecuadas, es posible diseñar y personalizar cuestionarios de manera sencilla y eficiente. Así, se puede recabar información de manera interactiva y alcanzar diferentes objetivos, ya sea para realizar encuestas, evaluar conocimientos o recopilar datos.</p><h2>¿Dónde crear cuestionarios?</h2><p><strong>Crear cuestionarios</strong> es una excelente manera de recopilar información y obtener respuestas organizadas. En la actualidad, existen diversas opciones disponibles para crear cuestionarios en línea. Una opción popular es utilizar el formato HTML para diseñar y estructurar los cuestionarios.</p><p><strong>HTML</strong> es el lenguaje de marcado utilizado para crear y estructurar el contenido de las páginas web. Es una herramienta poderosa y versátil que permite diseñar cuestionarios personalizados de manera sencilla.</p><p><strong>Existen varias plataformas en línea</strong> que ofrecen servicios para crear cuestionarios utilizando HTML. Estas plataformas proporcionan un editor en línea que permite personalizar el diseño y la funcionalidad de los cuestionarios.</p><p><strong>Otra opción es utilizar un editor de texto</strong> como Sublime Text o Visual Studio Code para escribir el código HTML de forma manual. Este enfoque requiere un conocimiento básico de HTML, pero ofrece mayor flexibilidad y control sobre el diseño del cuestionario.</p><p><strong>Una vez que se ha creado el código HTML del cuestionario</strong>, es necesario alojarlo en un servidor web para que pueda ser accesible en línea. Esto se puede hacer mediante el uso de servicios de alojamiento web como GoDaddy, HostGator o Bluehost.</p><p><strong>Finalmente, se puede compartir el cuestionario</strong> utilizando un enlace directo o incrustándolo en una página web o blog. También es posible enviarlo por correo electrónico a los participantes utilizando servicios de correo electrónico como Gmail o Outlook.</p><p><strong>En conclusión,</strong> existen diversas opciones para crear cuestionarios utilizando HTML. Ya sea utilizando plataformas en línea o escribiendo el código manualmente, esta herramienta es muy útil para recopilar información y obtener respuestas organizadas. ¡Anímate a crear tus propios cuestionarios utilizando HTML y aprovecha al máximo esta poderosa herramienta en línea!</p><h2>¿Cuál es el nombre de la herramienta para crear formularios?</h2><p><strong>El nombre de la herramienta para crear formularios en HTML es "form".</strong> Esta etiqueta se utiliza para crear áreas en las cuales los usuarios pueden ingresar información. </p><p><strong>Por ejemplo:</strong> si quieres crear un formulario de registro que pida al usuario su nombre, apellido y correo electrónico, puedes utilizar la etiqueta <strong>form</strong>. </p><p><strong>Dentro de la etiqueta <strong>form</strong></strong>, se deben incluir otras etiquetas adicionales para crear los campos de texto donde los usuarios ingresen sus datos. <strong>Por ejemplo:</strong> para el campo del nombre, utilizaríamos la etiqueta <strong>input</strong>. </p><p><strong>Esta etiqueta input tiene diferentes atributos que se pueden utilizar, como el tipo de entrada (por ejemplo, text para texto) y el nombre del campo.</strong> Por lo tanto, el código para el campo del nombre sería <strong><input type="text" name="nombre"></strong>. </p><p><strong>En el caso del campo del apellido, el código sería similar:</strong> <strong><input type="text" name="apellido"></strong>. </p><p><strong>Finalmente, para el campo del correo electrónico se podría utilizar una etiqueta <strong>input</strong> con el atributo type="email". Por ejemplo: <strong><input type="email" name="correo"></strong>.</strong></p><p><strong>Además de estos campos de texto, también se pueden agregar otros tipos de campos en un formulario, como casillas de verificación <strong>(<input type="checkbox")</strong>, botones de radio <strong>(<input type="radio")</strong>, botones de envío <strong>(<input type="submit")</strong>, etc.</strong></p><p><strong>Una vez que hayas completado la estructura del formulario, es importante incluir un botón de envío con la etiqueta <strong>input</strong> y el atributo <strong>type="submit".</strong> Este botón permitirá a los usuarios enviar los datos ingresados en el formulario.</strong></p><p><strong>En resumen, el nombre de la herramienta para crear formularios en HTML es "form". Esta etiqueta se utiliza para crear áreas donde los usuarios pueden ingresar información. Dentro de la etiqueta form, se deben incluir otras etiquetas adicionales, como input, para crear los campos de texto necesarios. Una vez completada la estructura del formulario, es importante incluir un botón de envío para que los usuarios puedan enviar los datos ingresados.</strong></p>
        <div class="row sform">
          <h3>¿Buscas empleo?</h3>
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Aguascalientes" href="https://www.jobatus.mx/ofertas-trabajo/aguascalientes">Trabajo Aguascalientes</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Baja California" href="https://www.jobatus.mx/ofertas-trabajo/baja-california">Trabajo Baja California</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Baja California Sur" href="https://www.jobatus.mx/ofertas-trabajo/baja-california-sur">Trabajo Baja California Sur</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Campeche" href="https://www.jobatus.mx/ofertas-trabajo/campeche">Trabajo Campeche</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Chiapas" href="https://www.jobatus.mx/ofertas-trabajo/chiapas">Trabajo Chiapas</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Chihuahua" href="https://www.jobatus.mx/ofertas-trabajo/chihuahua">Trabajo Chihuahua</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Ciudad de México" href="https://www.jobatus.mx/ofertas-trabajo/ciudad-de-méxico">Trabajo Ciudad de México</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Coahuila de Zaragoza" href="https://www.jobatus.mx/ofertas-trabajo/coahuila-de-zaragoza">Trabajo Coahuila de Zaragoza</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Colima" href="https://www.jobatus.mx/ofertas-trabajo/colima">Trabajo Colima</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Durango" href="https://www.jobatus.mx/ofertas-trabajo/durango">Trabajo Durango</a>
            </span>
          </div>
          
          
          
          
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Guanajuato" href="https://www.jobatus.mx/ofertas-trabajo/guanajuato">Trabajo Guanajuato</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Guerrero" href="https://www.jobatus.mx/ofertas-trabajo/guerrero">Trabajo Guerrero</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Hidalgo" href="https://www.jobatus.mx/ofertas-trabajo/hidalgo">Trabajo Hidalgo</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Jalisco" href="https://www.jobatus.mx/ofertas-trabajo/jalisco">Trabajo Jalisco</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Michoacán de Ocampo" href="https://www.jobatus.mx/ofertas-trabajo/michoacán-de-ocampo">Trabajo Michoacán de Ocampo</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Morelos" href="https://www.jobatus.mx/ofertas-trabajo/morelos">Trabajo Morelos</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Nayarit" href="https://www.jobatus.mx/ofertas-trabajo/nayarit">Trabajo Nayarit</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Nuevo León" href="https://www.jobatus.mx/ofertas-trabajo/nuevo-león">Trabajo Nuevo León</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Oaxaca" href="https://www.jobatus.mx/ofertas-trabajo/oaxaca">Trabajo Oaxaca</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Puebla" href="https://www.jobatus.mx/ofertas-trabajo/puebla">Trabajo Puebla</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Querétaro" href="https://www.jobatus.mx/ofertas-trabajo/querétaro">Trabajo Querétaro</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Quintana Roo" href="https://www.jobatus.mx/ofertas-trabajo/quintana-roo">Trabajo Quintana Roo</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo San Luis Potosí" href="https://www.jobatus.mx/ofertas-trabajo/san-luis-potosí">Trabajo San Luis Potosí</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Sinaloa" href="https://www.jobatus.mx/ofertas-trabajo/sinaloa">Trabajo Sinaloa</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Sonora" href="https://www.jobatus.mx/ofertas-trabajo/sonora">Trabajo Sonora</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Tabasco" href="https://www.jobatus.mx/ofertas-trabajo/tabasco">Trabajo Tabasco</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Tamaulipas" href="https://www.jobatus.mx/ofertas-trabajo/tamaulipas">Trabajo Tamaulipas</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Tlaxcala" href="https://www.jobatus.mx/ofertas-trabajo/tlaxcala">Trabajo Tlaxcala</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Veracruz de Ignacio de la Llave" href="https://www.jobatus.mx/ofertas-trabajo/veracruz-de-ignacio-de-la-llave">Trabajo Veracruz de Ignacio de la Llave</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row2">
              <a title="trabajo Yucatán" href="https://www.jobatus.mx/ofertas-trabajo/yucatán">Trabajo Yucatán</a>
            </span>
          </div>
          
          
          
          <div class="col-12 col-md-3">
            <span class="row1">
              <a title="trabajo Zacatecas" href="https://www.jobatus.mx/ofertas-trabajo/zacatecas">Trabajo Zacatecas</a>
            </span>
          </div>
          
          
        </div>
      </div>
    </div>

<div class="row sform">
      <div class="col-md-8 offset-md-2 col-xs-12 alertform">
        <div class="alertbox_title">
          <p>¿Quieres encontrar trabajo?</p>
        </div>
        <form id="alerts_box_bottom_blog" name='blog_alertform_bottom' method="POST" class="form-autocomplete">
          <input type="hidden" name="csrfmiddlewaretoken" value="AxjuwGjWtaNytYa64do8gnswg8iBmUCyrOQcmgOuzZutBbxtPCBsVRLWzqL1ANYA">
          <div class="fieldset col-xs-12 offset-md-1 col-md-10">
            <div class="input-group">
              <div class="input-group-addon"><span class="glyphicon glyphicon glyphicon-envelope glycolor" ></span></div>
              <label class="sr-only" for="em_bottom">Email</label>
              <input class="textfield form-control" id="em_bottom" name="em" type="text" placeholder="Email">
            </div>
          </div>
          <div class="fieldset col-xs-12 offset-md-1 col-md-10">
            <div class="input-group">
              <div class="input-group-addon"><span class="glyphicon glyphicon-search glycolor" ></span></div>
              <label class="sr-only" for="q_bottom">El trabajo que quieres</label>
              <input class="textfield form-control" id="q_bottom" name="q" type="text" placeholder="El trabajo que quieres">
            </div>
          </div>                                                                 
          <div class="fieldset col-xs-12 offset-md-1 col-md-10">
            <div class="input-group">
              <div class="input-group-addon"><span class="glyphicon glyphicon-map-marker glycolor" ></span></div>
              <label class="sr-only" for="id_loc_bottom">Ciudad, provincia</label>
              <input class="textfield form-control loc" id="id_loc_bottom" name="loc" type="text" placeholder="Ciudad, Provincia">
            </div>
          </div>
          <input type="hidden" id="blog_alertbox_bottom" name="blog_alertbox" value="bottom">
          <div class="fieldset row align-items-center">
            <div class="alert_button">
              <input class="btn btn-primary inputs btn_alert_bottom" type="submit" value="Buscar trabajo" />
            </div>
          </div> 
        </form>
      </div>
    </div>
  </div>

<div class="col-md-4 col-xs-12">
      <div class="alertform alert_box_move">
        <div class="row">
          <div class="alertbox_title">
            <p>¿Quieres encontrar trabajo?</p>
          </div>
          <form id="alerts_box_right_blog" method="POST" class="form-autocomplete">
            <input type="hidden" name="csrfmiddlewaretoken" value="AxjuwGjWtaNytYa64do8gnswg8iBmUCyrOQcmgOuzZutBbxtPCBsVRLWzqL1ANYA">
            <div class="fieldset col-xs-12 offset-md-1 col-md-10">
            <div class="input-group">
              <div class="input-group-addon"><span class="glyphicon glyphicon glyphicon-envelope glycolor" ></span></div>
              <label class="sr-only" for="em_bottom">Email</label>
              <input class="textfield form-control" id="em_right" name="em" type="text" placeholder="Email">
            </div>
          </div>
            <div class="fieldset col-xs-12 offset-md-1 col-md-10">
              <div class="input-group">
                <div class="input-group-addon"><span class="glyphicon glyphicon-search glycolor" ></span></div>
                <label class="sr-only" for="id_q_right">El trabajo que quieres</label>
                <input class="textfield form-control" id="id_q_right" name="q" type="text" placeholder="El trabajo que quieres">
              </div>
            </div>                                                                 
            <div class="fieldset col-xs-12 offset-md-1 col-md-10">
              <div class="input-group">
                <div class="input-group-addon"><span class="glyphicon glyphicon-map-marker glycolor" ></span></div>
                <label class="sr-only" for="id_loc_right">Ciudad, provincia</label>
                <input class="textfield form-control loc" id="id_loc_right" name="loc" type="text" placeholder="Ciudad, Provincia">
              </div>
            </div>
            <input type="hidden" id="blog_alertbox_right" name="blog_alertbox" value="right">
            <div class="fieldset row align-items-center">
              <div class="alert_button">
                <input class="btn btn-primary inputs btn_alert_bottom" type="submit" value="Buscar trabajo" />
              </div>
            </div> 
          </form>
        </div>
      </div>
      <div style="min-height:250px;" class="r89-desktop-rectangle-atf"></div>
    </div>

<div class="col-md-12 col-xs-12 bottom_alert_div">
      <hr class="separator" />
        <div class="row">
          <div class="rel_news col-xs-12 col-md-8 offset-md-2">Artículos relacionados</div>
          <div class="col-md-8 offset-md-2 col-xs-12">
            <div class="row">
            
            <div class="news col-xs-12 col-md-3">
              <a title="¿Dónde crear cuestionarios?" href="donde-crear-cuestionarios"><img class="imagen" alt="¿Dónde crear cuestionarios?" src="pics/2023/06/305x165_donde-crear-cuestionarios_fb_thumb.png"/></a>
              <div class="title"><a title="¿Dónde crear cuestionarios?" href="donde-crear-cuestionarios">¿Dónde crear cuestionarios?</a></div>
            </div>
            
            <div class="news col-xs-12 col-md-3">
              <a title="¿Cómo se llama la aplicación para hacer exámenes?" href="como-se-llama-la-aplicacion-para-hacer-examenes"><img class="imagen" alt="¿Cómo se llama la aplicación para hacer exámenes?" src="pics/2023/03/305x165_como-se-llama-la-aplicacion-para-hacer-examenes_fb_thumb.png"/></a>
              <div class="title"><a title="¿Cómo se llama la aplicación para hacer exámenes?" href="como-se-llama-la-aplicacion-para-hacer-examenes">¿Cómo se llama la aplicación para hacer exámenes?</a></div>
            </div>
            
            <div class="news col-xs-12 col-md-3">
              <a title="¿Cuáles son las respuestas cerradas?" href="cuales-son-las-respuestas-cerradas"><img class="imagen" alt="¿Cuáles son las respuestas cerradas?" src="pics/2023/08/305x165_cuales-son-las-respuestas-cerradas_fb_thumb.png"/></a>
              <div class="title"><a title="¿Cuáles son las respuestas cerradas?" href="cuales-son-las-respuestas-cerradas">¿Cuáles son las respuestas cerradas?</a></div>
            </div>
            
            <div class="news col-xs-12 col-md-3">
              <a title="¿Cómo hacer un formato de preguntas en Word?" href="como-hacer-un-formato-de-preguntas-en-word"><img class="imagen" alt="¿Cómo hacer un formato de preguntas en Word?" src="pics/2023/11/305x165_como-hacer-un-formato-de-preguntas-en-word_fb_thumb.png"/></a>
              <div class="title"><a title="¿Cómo hacer un formato de preguntas en Word?" href="como-hacer-un-formato-de-preguntas-en-word">¿Cómo hacer un formato de preguntas en Word?</a></div>
            </div>
            
            <div class="news col-xs-12 col-md-3">
              <a title="¿Qué es un formulario de trabajo?" href="que-es-un-formulario-de-trabajo"><img class="imagen" alt="¿Qué es un formulario de trabajo?" src="pics/2022/12/305x165_que-es-un-formulario-de-trabajo_fb_thumb.png"/></a>
              <div class="title"><a title="¿Qué es un formulario de trabajo?" href="que-es-un-formulario-de-trabajo">¿Qué es un formulario de trabajo?</a></div>
            </div>
            
            <div class="news col-xs-12 col-md-3">
              <a title="¿Qué tipos de datos se piden generalmente en los formularios?" href="que-tipos-de-datos-se-piden-generalmente-en-los-formularios"><img class="imagen" alt="¿Qué tipos de datos se piden generalmente en los formularios?" src="pics/2023/05/305x165_que-tipos-de-datos-se-piden-generalmente-en-los-formularios_fb_thumb.png"/></a>
              <div class="title"><a title="¿Qué tipos de datos se piden generalmente en los formularios?" href="que-tipos-de-datos-se-piden-generalmente-en-los-formularios">¿Qué tipos de datos se piden generalmente en los formularios?</a></div>
            </div>
            
            <div class="news col-xs-12 col-md-3">
              <a title="¿Qué son las aplicaciones de productividad?" href="que-son-las-aplicaciones-de-productividad"><img class="imagen" alt="¿Qué son las aplicaciones de productividad?" src="pics/2023/01/305x165_que-son-las-aplicaciones-de-productividad_fb_thumb.png"/></a>
              <div class="title"><a title="¿Qué son las aplicaciones de productividad?" href="que-son-las-aplicaciones-de-productividad">¿Qué son las aplicaciones de productividad?</a></div>
            </div>
            
            <div class="news col-xs-12 col-md-3">
              <a title="¿Cuáles son las mejores aplicaciones para estudiar?" href="cuales-son-las-mejores-aplicaciones-para-estudiar"><img class="imagen" alt="¿Cuáles son las mejores aplicaciones para estudiar?" src="pics/2024/01/305x165_cuales-son-las-mejores-aplicaciones-para-estudiar_fb_thumb.png"/></a>
              <div class="title"><a title="¿Cuáles son las mejores aplicaciones para estudiar?" href="cuales-son-las-mejores-aplicaciones-para-estudiar">¿Cuáles son las mejores aplicaciones para estudiar?</a></div>
            </div>
            
            </div>
          </div>
        </div>
      
    </div>
  
</div>

<div id="modal_alerts" class="modal fade popup" tabindex="-1" role="dialog" aria-label="modal_alertsLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal_alert">
    <div class="modal-content">
      <div class="modal-header">              
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p class="title_alerts">¿Quieres encontrar trabajo?</p>
        <div class="alertbox_subtitle">
          <p></p>
          <p></p>
        </div>
        <form id="alerts_box_modal" method="POST" class="form-autocomplete">
          <input type="hidden" name="csrfmiddlewaretoken" value="AxjuwGjWtaNytYa64do8gnswg8iBmUCyrOQcmgOuzZutBbxtPCBsVRLWzqL1ANYA">
          <div class="fieldset col-xs-12 offset-md-1 col-md-10">
            <div class="input-group">
              <div class="input-group-addon"><span class="glyphicon glyphicon-search glycolor" ></span></div>
              <label class="sr-only" for="id_q_modal">El trabajo que quieres</label>
              <input class="textfield form-control" id="id_q_modal" name="q" type="text" placeholder="El trabajo que quieres">
            </div>
          </div>                                                                 
          <div class="fieldset col-xs-12 offset-md-1 col-md-10">
            <div class="input-group">
              <div class="input-group-addon"><span class="glyphicon glyphicon-map-marker glycolor" ></span></div>
              <label class="sr-only" for="id_loc_modal">Ciudad, provincia</label>
              <input class="textfield form-control loc" id="id_loc_modal" name="loc" type="text" placeholder="Ciudad, Provincia">
            </div>
          </div>
          <div class="fieldset col-xs-12 offset-md-1 col-md-10">
            <div class="input-group">
              <div class="input-group-addon"><span class="glyphicon glyphicon glyphicon-envelope glycolor" ></span></div>
              <label class="sr-only" for="em_bottom">Email</label>
              <input class="textfield form-control" id="em_modal" name="em" type="text" placeholder="Email">
            </div>
            <p class="col-md-12 tyc_der_popup"><input type="checkbox" name="politica_privacidad" value="true" required> Acepto los <span class="lala" data-lelele='b'L2xlZ2FsLw==''>términos y condiciones</span>.</p>
          </div>
          <input type="hidden" id="blog_alertbox_modal" name="blog_alertbox" value="modal">
          <div class="row">
            <div class="col-12 offset-md-1 col-md-5">
              <input type="submit" class="si_no btn btn-success" value="Buscar trabajo" />
            </div>
            <div class="col-12 col-md-5">
              <button aria-label="Close" data-bs-dismiss="modal" class="si_no btn btn-outline-dark" type="button">No, gracias</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

</div>
            
            
            <div id="footer" class="row hidden-print">
              <footer class="container-fluid footer_oficial">
                  <div class="container">
                      <div class="row">
                          
                          <div class="col-xs-12 col-sm-6 col-md-3">
                              <div class="headerf">SOBRE NOSOTROS</div>
                              <div class="bodyf">
                                  <div class="linkin_block"><span class="lalala footerlalala" data-lelele='b'aHR0cHM6Ly93d3cuam9iYXR1cy5teC9hYm91dA==''>Quiénes somos</span></div>
                                  <div class="linkin_block"><span class="lalala footerlalala" data-lelele='b'aHR0cHM6Ly93d3cuam9iYXR1cy5teC9sZWdhbA==''>Legal</span></div>
                                  
                              </div>
                          </div>
                          <div class="col-xs-12 col-sm-6 col-md-3">
                              <div class="headerf">CANDIDATOS</div>
                              <div class="bodyf">
                                  
                                  
                                  <div class="linkin_block"><a class="text-decoration-none" href="https://www.jobatus.mx/topsearches" title="últimos empleos">Últimos empleos</a></div>
                                                           
                                  <div class="linkin_block"><a class="text-decoration-none" href="https://www.jobatus.mx/crear-cv" title="Crear CV">Crear CV</a></div>                                       
                                  <div class="linkin_block"><a class="text-decoration-none" href="/como-empezar-a-escribir-una-carta-de-presentacion" title="">Crear carta de presentación</a></div>

</div>
                          </div>
                          
                          <div class="col-xs-12 col-sm-6 col-md-3">
                              <div class="headerf">EMPRESAS</div>
                              <div class="bodyf">
                                  
                                  <div class="linkin_block"><a class="text-decoration-none" href="https://www.jobatus.mx/publicar-ofertas-de-empleo-gratis" title="publica tus ofertas gratis">Publica tus ofertas gratis</a></div>
                                  
                                      
                                  <div class="linkin_block"><span class="lalala footerlalala" data-lelele='b'bm90aWNpYXMuam9iYXR1cy5teHN1c2NyaXBjaW9uLWN2''>Suscripción CV</span></div>
                                   
                                  
                                  <div class="linkin_block"><span class="lalala footerlalala" data-lelele='b'aHR0cHM6Ly93d3cuam9iYXR1cy5teC95b3VyLWFkcw==''>Tu feed en Jobatus</span></div>
                                  <div class="linkin_block"><span class="lalala footerlalala" data-lelele='b'aHR0cHM6Ly93d3cuam9iYXR1cy5teC9wYXJ0bmVycy10b29scw==''>Partners Tools</span></div>
                                  <div class="linkin_block"><span class="lalala footerlalala" data-lelele='b'aHR0cHM6Ly93d3cuam9iYXR1cy5teC9hcGkvZG9jcy8=''>Jobatus API</span></div>
                                  <div class="linkin_block"><a class="text-decoration-none" href="https://www.jobatus.mx/contact-banner" title="Pon tu banner en Jobatus">Pon tu banner en Jobatus</a></div>
                              </div>
                          </div>
                          <div class="col-xs-12 col-sm-6 col-md-3">
                              <div class="headerf">CONTACTO</div>
                              <div class="bodyf">
                                <div class="linkin_block"><a class="text-decoration-none" href="mailto:contact_mx@jobatus.com">contact_mx@jobatus.com</a></div>
                                <div class="followi">Síguenos en redes sociales:</div>
                                <div class="red_social_links">
                                  <script>
                                    {lang: 'es-mx'}
                                  </script>
                                  
                                  <span class="lalala footerlalala btn_media" data-lelele='b'aHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL2pvYmF0dXMv''><i class="fab fa-facebook" aria-hidden="true"></i></span>
                                  
                                  
                                  <span class="lalala footerlalala btn_media" data-lelele='b'aHR0cHM6Ly90d2l0dGVyLmNvbS9lc19qb2JhdHVz''><i class="fab fa-twitter" aria-hidden="true"></i></span>
                                  
                               </div>
                              </div>
                          </div>
                          
                      </div>
                      <div class="row">
                          <div class="col-xs-12 col-md-12 copyright">
                              <p>Jobatus © 2024</p>
                          </div>
                      </div>
                  </div>
              </footer>
            </div>
            <script src="https://code.jquery.com/jquery-3.2.1.min.js" ></script>
            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
            
            <script src="//platform-api.sharethis.com/js/sharethis.js#property=5be9489858e49d001b369dd7&product=inline-share-buttons"></script>
            <script src="/static/js/base.js" ></script>

// Función para verificar si todos los campos están llenos y el correo es válido
    function checkFields() {
      const qValue = qField.value.trim();
      const locValue = locField.value.trim();
      const emValue = emField.value.trim();

// Verificar si el correo electrónico es válido
      const isValidEmail = validateEmail(emValue);

// Habilitar el botón de envío si todos los campos están llenos y el correo es válido
      if (qValue !== "" && isValidEmail || locValue !== "" && isValidEmail) {
        submitBtn.disabled = false;
      } else {
        submitBtn.disabled = true;
      }
    }

// Función para validar el formato del correo electrónico
    function validateEmail(email) {
      const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
      return emailRegex.test(email);
    }

// Agregar listeners de eventos para los campos de entrada
    qField.addEventListener("input", checkFields);
    locField.addEventListener("input", checkFields);
    emField.addEventListener("input", checkFields);

// Verificar los campos al cargar la página
    checkFields();
  });
</script>

function checkFields() {
      const emailValue = emailField.value.trim();
      const qValue = qField.value.trim();
      const locValue = locField.value.trim();

const isValidEmail = validateEmail(emailValue);

if (emailValue !== "" && isValidEmail && qValue !== "" || locValue !== "") {
        submitBtn.disabled = false;
      } else {
        submitBtn.disabled = true;
      }
    }

function validateEmail(email) {
      const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
      return emailRegex.test(email);
    }

emailField.addEventListener("input", checkFields);
    qField.addEventListener("input", checkFields);
    locField.addEventListener("input", checkFields);

checkFields();
  }

document.addEventListener("DOMContentLoaded", initializeForm);
</script>

</div>
        </div>
      </div>
    </div>
  </body>

</html>