Estoy escribiendo una aplicación CRUD y me encontré con este problema hoy: hay un formulario donde el usuario puede establecer la prioridad de la entrada (básicamente un número del 1 al 3). Pero en lugar de una entrada con type="number" o algo similar, creé una entrada "personalizada". Es un pequeño círculo que cambia de color cuando haces clic en él (los colores representan números del 1 al 3). Mi pregunta es: ¿cómo envío este valor al formulario?

La solución que se me ocurrió fue usar una entrada con type="hidden" y antes de que se envíe el formulario, javascript cambia el atributo "valor" de la entrada para que coincida con el número seleccionado en la entrada "personalizada". Esto parece estar funcionando, pero de acuerdo con MDN type="hidden", las entradas se usan para "datos que los usuarios no pueden ver o modificar cuando se envía un formulario", por lo que supongo que esta no es una solución típica para este tipo de problema. ¿Existe algún tipo de método acordado para este tipo de problemas?