ayuda con menus desplegables en html y css

Iniciado por Beginner Web, 3 Abril 2020, 00:43 AM

0 Miembros y 1 Visitante están viendo este tema.

Beginner Web

como podria solucionar este problema? no quiero poner todos los numeros de las fechas con las etiquetas option 1 2 3 ... 31 o meses 1 ... 12, quisiera poder hacerlo con un rango especificado pero no tengo la menor idea, ademas me gustaria que solo se use html y css.

Código (html4strict) [Seleccionar]
<div>
                        <label for="fecha-nacimiento">Fecha de Nacimiento: </label>
                        <select name="dia">
                            <option value="0">Dia</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                        </select>

                        <select name="mes">
                            <option value="0">Mes</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                        </select>

                        <select name="año">
                            <option value="0">Año</option>
                            <option value="1">1900</option>
                            <option value="2">1901</option>
                        </select>
                       
                    </div>



:huh:
7w7

#!drvy

Hola,

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

Código (html5) [Seleccionar]
<label for="fecha-nacimiento">Fecha de Nacimiento: </label>
<input type="date" id="fecha-nacimiento" name="fecha-nacimiento">


Puedes usar los attributos min y max para los rangos.

Saludos

Beginner Web

#2
Cita de: #!drvy en  3 Abril 2020, 01:32 AM
Hola,

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

Código (html5) [Seleccionar]
<label for="fecha-nacimiento">Fecha de Nacimiento: </label>
<input type="date" id="fecha-nacimiento" name="fecha-nacimiento">


Puedes usar los attributos min y max para los rangos.

Saludos

que bien, pero quiero hacer esto en html y css sin usar codigo de programacion php o js



Gracias  ;D
7w7

#!drvy

Hola,

Lo que te he pasado no tiene nada de PHP o JS. Es un INPUT de tipo fecha, puro HTML (5). Debido a la naturaleza de HTML y CSS no hay nada mínimamente aceptable que puedas hacer para generar esos options de forma automática y ya ni hablemos del control de los datos.

Lo que puedes hacer es generar toda la estructura previamente en otro lenguaje y simplemente copiar y pegar... Pero insisto en el control de datos nulo, piensa en años bisiestos o meses sin día 31.

Saludos

Beginner Web

7w7