CSS - Bloquear campos con CSS

Hola buenos días,

Estoy personalizando un formulario de Woocommerce, intento que cuando un campo se deba diligenciar se bloqueen o desaparezcan los otros, al estar diligenciado el campo aparezca un boton de continuar, al presionar continuar, que salte al otro campo por diligenciar.

o de que manera puedo extraer los campos de woocommerce y colocarlos en una pagina para personalizarlo.

Gracias de antemano, soy nuevo en esto agradezco su ayuda.

Hola.

Imagino que quieres que sólo aparezca un campo y que, al rellenarlo, aparezca el siguiente, luego el siguiente, etc. Podrías hacerlo ocultando con display: none todos los bloques que inicialmente no quieres que aparezcan. Luego con JavaScript crear una orden de que cuando se haya añadido información en un input mostrar el siguiente, aunque quedaría un poco raro que, al iniciar la escritura de datos en un input ya te apareciera el siguiente.

Otra opción que se me ocurre es añadiendo botones de "Continuar" justo debajo de cada opción. Inicialmente está todo oculto excepto la primera opción y el primer botón de continuar. Luego al pulsar ese botón, desde JavaScript lanzas la orden de que el siguiente se muestre, y así con todos.



-----------------------------
Aprende la programación desde una perspética básica y simplista en Programación Básica