Ejercicio /examen del 04/12/23

<!DOCTYPE html>
<html>

<head>
    <title>Ciclos Formativos</title>

    <style>
        h1 {
            text-align: center;
        }

        #fieldset_1 {
            padding: 1em;
            background-color: lightgray;
        }

        #fieldset_2 {
            padding: 1em;
            background-color: bisque;
        }

        #fieldset_3 {
            padding: 1em;
            background-color: lightcoral;
        }

        legend {
            border: 1px solid black;
            background-color: white;
        }

        #enviar {
            margin: 1em 0;
        }
    </style>
</head>

<body>
    <h1>HOJA DE INSCRIPCIÓN EN LOS CICLOS FORMATIVOS DE GRADO SUPERIOR</h1>
    <form action="">
        <fieldset id="fieldset_1">
            <legend>Datos Personales</legend>
            <table>
                <tr>
                    <td><label for="nombre">Nombre:</label></th>
                    <td><label for="apellidos">Apellidos:</label></th>
                    <td><label for="dni">DNI:</label></th>
                </tr>
                <tr>
                    <td><input type="text" name="Nombre" id="nombre" style="width: 230px;"></td>
                    <td><input type="text" name="Apellidos" id="apellidos" style="width: 200px;"></td>
                    <td><input type="text" name="DNI" id="dni"></td>
                </tr>
                <tr>
                    <td><label for="localidad">Localidad Nacimiento:</label></th>
                    <td><label for="provincia">Provincia:</label></th>
                    <td><label for="fecha_nacimiento">Fecha Nacimiento:</label></th>
                </tr>
                <tr>
                    <td><input type="text" name="Localidad" id="localidad"></td>
                    <td>
                        <select name="Provincia" id="provincia" style="width: 170px;">
                            <option value="" selected disabled hidden>- selecciona -</option>
                            <option value="Provincia_1">Provincia 1</option>
                            <option value="Provincia_2">Provincia 2</option>
                            <option value="Provincia_3">Provincia 3</option>
                        </select>
                    </td>
                    <td><input type="date" name="Fecha_Nacimiento" id="fecha_nacimiento" style="width: 170px;"></td>
                </tr>
                <tr>
                    <td colspan="2"><label for="direccion">Dirección:</label></th>
                    <td><label for="cp">Código Postal:</label></th>
                </tr>
                <tr>
                    <td colspan="2"><input type="text" name="Direccion" id="direccion" style="width: 360px;"></td>
                    <td><input type="text" name="Codigo_Postal" id="cp"></td>
                </tr>
            </table>
        </fieldset>
        <fieldset id="fieldset_2">
            <legend>Forma de Acceso</legend>
            <ul type="none">
                <li><input type="radio" name="acceso" id="directo"><label for="directo">Directo</label></li>
                <ul type="none">
                    <li><input type="radio" name="directo" id="bach_logse"><label for="bach_logse">Bachillerato LOGSE. Modalidad </label><input type="text" name="bach_logse_modalidad"></li>
                    <li><input type="radio" name="directo" id="bach_experimental"><label for="bach_experimental">Bachillerato Experimental</label></li>
                    <li><input type="radio" name="directo" id="cou_opcion"><label for="cou_opcion">COU. Opción </label><input type="text" name="cou_opcion"></li>
                    <li><input type="radio" name="directo" id="fp2"><label for="fp2">FP2</label></li>
                    <li><input type="radio" name="directo" id="otros"><label for="otros">Otros (especifique) </label><input type="text" name="otros"></li>
                </ul>
                <li><input type="radio" name="acceso" id="prueba"><label for="prueba">Prueba Libre</label></li>
            </ul>
        </fieldset>
        <fieldset id="fieldset_3">
            <legend>Documentos Adjuntados</legend>
            <table>
                <tr>
                    <td><input type="checkbox" name="fotocopia_dni" id="fotocopia_dni"><label for="fotocopia_dni"></label>Fotocopia DNI</td>
                    <td><input type="checkbox" name="certificado" id="certificado"><label for="certificado"></label>Certificado Académico</td>
                </tr>
                <tr>
                    <td colspan="2"><input type="checkbox" name="otros_documentos" id="otros_documentos"><label for="otros_documentos">Otros documentos (especifique) </label><input type="text" name="otros_documentos_texto" id="otros_documentos_texto" style="width: 260px;"></td>
                </tr>
            </table>
        </fieldset>
        <input type="submit" value="Enviar Solicitud" id="enviar">
    </form>
</body>

</html>