Ansiedad despues de hacer deporte

Checkbox con marca de verificación en html

Siempre he sido una persona ansiosa. Mi madre dice que, de niño, miraba con atención cualquier entorno nuevo y no me relajaba hasta que conocía el terreno. Ya sea por naturaleza, por crianza o por una combinación de ambas, el bajo nivel de ansiedad me ha acompañado a lo largo de mi vida. Me gusta tener todo controlado.
Pero cuando enfermé de las enfermedades transmitidas por garrapatas, la enfermedad de Lyme, la babesiosis, la ehrlichiosis y la posible bartonela, mi ansiedad adquirió una nueva forma. La primera vez que me enfrenté a los síntomas de las enfermedades transmitidas por garrapatas fue durante mi segundo año de universidad. El primer año había sido una maravilla. Como la mayoría de los estudiantes universitarios, no comía ni dormía bien, pero mi cuerpo estaba sano y fuerte. No recuerdo haberme preocupado de mucho más que de estudiar para un examen. Un verano y una picadura de garrapata después, me sentía una persona diferente. El comienzo del segundo año estuvo plagado de fiebre, agotamiento, dolores de cabeza, reacciones de baja azúcar en la sangre y ansiedad como nunca había experimentado. Por primera vez en mi vida, tuve ataques de pánico. Estaba tumbada en la cama o estudiando en la biblioteca y, de repente, mi corazón se aceleraba y me hiperventilaba.

Icono de marca de verificación angular

/f00c es una marca de verificación (tick) en el último fontAwesome creo. No estoy seguro de lo que el f095 que estaba utilizando se supone que es como un teléfono. Tal vez usted tiene una versión anterior de la fuente impresionante o el CDN me vinculó a una versión diferente.
Funciona. Esto es exactamente lo que traté de lograr como sus imágenes. IMHO es toggle a veces confuso para los visitantes. No se puede saber si este es el estado activo o desactivado debido a los colores (sólo). Si hay una marca de verificación que mostrará es el estado activo y también el color.
Sí, por eso hay que tener mucho cuidado cuando se cambian los controles del formulario por defecto. También se pierden muchas de las características de accesibilidad incorporadas en ellos después de años de investigación. Aunque estos elegantes interruptores parecen bonitos, puedo apostar que la tasa de fracaso de los formularios con esos diseños es mucho mayor que la de los iconos por defecto.

Código de la marca

<select class=»edit-mode» data-val=»true» data-val-number=»El campo StateID debe ser un número.» data-val-required=»El campo StateID es obligatorio.» id=»Students_0__StateID» name=»Students[0].StateID»><option value=»»>– Select States–</option>
<select class=»edit-model» data-val=»true» data-val-number=»El campo CityID debe ser un número.» data-val-required=»El campo CityID es obligatorio.» id=»Students_0__CityID» name=»Students[0].CityID»><option value=»»>–Seleccionar Estados–</option>
<select class=»edit-mode» data-val=»true» data-val-number=»El campo StateID debe ser un número» data-val-required=»El campo StateID es obligatorio» id=»Students_1__StateID» name=»Students[1].StateID»><option value=»»>– Seleccionar Estados–</option>
<select class=»edit-model» data-val=»true» data-val-number=»El campo CityID debe ser un número.» data-val-required=»El campo CityID es obligatorio.» id=»Students_1__CityID» name=»Students[1].CityID»><option value=»»>–Seleccionar Estados–</option>
<select class=»edit-mode» data-val=»true» data-val-number=»El campo StateID debe ser un número.» data-val-required=»El campo StateID es obligatorio.» id=»Students_2__StateID» name=»Students[2].StateID»><option value=»»>–Seleccionar Estados–</option>

Mostrar marca de verificación en html ✔ con color verde

Tengo este <span>¿Cómo te llamas?</span> en el que me gustaría seleccionar el input[@placeholder=’Insira sua resposta’] (ver HTML de abajo) pero no sé cómo llegar desde el span hasta ahí. No he podido retroceder desde el span hasta el padre superior compartido del span y el input. Lo he intentado: //div[@class=»office-form-question-content office-form-theme-focus-border»]/*/span[.=»¿Cuál es tu nombre?»]’ pero devuelve null. He intentado volver de span a div superior mediante //span[.=»¿Cómo te llamas?»]/../*/div[@class=»office-form-question-content office-form-theme-focus-border»]’ tampoco funciona. ¿Cómo puedo hacerlo?
Es muy posible que haya una forma más rápida y sencilla de hacerlo, pero yo aprendí XPath en los malos tiempos de la versión 1.0, así que eso es lo que sé. En el XPath de abajo estoy obteniendo el span con el contenido, usando el eje ancestro para subir al div contenedor, y luego descendiendo de nuevo a la entrada. El document.evaluate y el iterateNext es sólo para demostrar que funciona.
var input = document.evaluate(`//span[text() = «¿Cuál es tu nombre?»]/ancestor::div[@class=»office-form-question-content office-form-theme-focus-border»]//input[@class=»office-form-question-textbox office-form-textfield-input form-control border-no-radius»]`, document, null, XPathResult.ANY_TYPE, null );