Salve a tutti,
Eccomi con un nuovo problemino. innanzi tutto vorrei sapere quando si crea una select option tael elenco se c'è ad esempio una etichetta città, la selezione della città va in automatico vicino alla etichetta oppure si può posizionare come meglio si crede ???? E' quello che mi è capitato riscrivendo un codice e modificandolo. Questo è il listato completo:
E questo è quello che viene visualizzato:
http://s23.postimg.org/6cjnuroh7/Modulo_Iscrizione.png
Come notere l'elenco città e l'elenco provincia non sono allineate con le loro rispettive etichette nemmeno se tolgo le immagini. Spero che mi possiate aiutare grazie.
Eccomi con un nuovo problemino. innanzi tutto vorrei sapere quando si crea una select option tael elenco se c'è ad esempio una etichetta città, la selezione della città va in automatico vicino alla etichetta oppure si può posizionare come meglio si crede ???? E' quello che mi è capitato riscrivendo un codice e modificandolo. Questo è il listato completo:
PHP:
<html>
<head>
<meta charset="UTF-8">
<title>Modulo Iscrizione</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</script>
<style type="text/css">
#areaTitolo{
width:100%;
height:100px;
position:absolute;
top:0px;
left:5px;
text-align: center;
}
#area img{
width:20px;
height:20px;
position:relative;
bottom:40px;
left:180px;
}
#div {
position:absolute;
top: 70px;
}
.dxsel {
margin: 0;
padding: 18px ;
float: right;
text-align: right;
} </style>
</head>
<body>
<!-- Sistema sulla stessa riga dove viene visualizzata la data attuale il titolo dela pagina -->
<div id="areaTitolo"> <h3> BENVENUTI NEL MODULI D'ISCRIZIONE </h3>
<hr>
</div>
<!--Neccessario per posizionare i campi dopo il tag hr che disegna una riga orizzontale -->
<div id ="div">
<!-- Inizia il modulo vero e proprio dell'iscrizione -->
<form action='<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>' method='POST'>
<!--Neccessario per posizionare i campi dopo il tag hr che disegna una riga orizzontale -->
Cognome: <input type ="text" id="input1" name="cognome" /><div id="controllo1"><img src="" /></div>
Nome: <input type ="text" id="input2" name="nome" /><div id="controllo2"><img src="" /></div>
<label for="nascita">Data di nascita: <type = id="input3" name="nascita" /><div id="controllo3"><img src="" /></div> </label>
Username: <input type ="text" id="input4" name="username" /><div id="controllo4"><img src="" /></div>
Password: <input type ="password" id="input5" name="password" /><div id="controllo5"><img src="" /></div>
Ripeti - Password: <input type ="rippass" id="input6" name="password" /><div id="controllo6"><img src="" /></div>
E-Mail: <input type ="text" id="input7" name="email" /><div id="controllo7"><img src="" /></div>
Ripeti - Email: <input type ="text" id="input8" name="ripemail" /><div id="controllo8"><img src="" /></div>
<label for="citta">Seleziona Città: <type = id="input9" name="citta" /><div id="controllo9"><img src="" /></div> </label>
<div id ="dxsel">
<select id="citta" name="citta">
<!-- Inizio elenco città -->
<option value=””>-- Seleziona Citta --</option>
<option value=””></option>
<option>Agrigento</option>
<option>Alessandria</option>
<option>Ancona</option>
<option>Aosta</option>
</select>
</div>
<label for="prov">Seleziona Provincia: <type = id="input10" name="prov" /><div id="controllo10"><img src="" /></div> </label>
<select id="provincia" name="provincia">
<!--Inizio elenco provincia -->
<option value=””>-- Seleziona Provincia --</option>
<option value=””></option>
<option value=”">Ag</option>
<option>Al</option>
<option>An</option>
<option>Ao</option>
<option>Ar</option>
</select>
</div> <!--Chiude il div di posizionamento subito dopo la riga-->
<?php
require_once("connettimysqli.php");
require_once("data.php");
if (!isset($_POST['submit'])) {
//Giorno
echo "<select name=\"giorno\" id='giorno' required autofocus><option value=\"\">Seleziona</option>";
echo "<option value=\"\"> </option>";
for($gg=1; $gg<=31; $gg++){
for($gg=1; $gg<=31; $gg++){
echo sprintf("<option value=\"%02d\"> %02d </option>\n", $gg, $gg);
}
}
echo "</select>";
//Mese
echo '<select name="mesi" id="mese" required autofocus><option value="">Seleziona</option>';
echo "<option value=\"\"> </option>";
$mesi = array (
"1" => "Gennaio",
"2" => "Febbbraio",
"3" => "Marzo",
"4" => "Aprile",
"5" => "Maggio",
"6" => "Giugno",
"7" => "Luglio",
"8" => "Agosto",
"9" => "Settembre",
"10" => "Ottobre",
"11" => "Novembre",
"12" => "Dicembre",
);
foreach( $mesi as $m => $mese ){
echo "<option value=\"$m\">{$mesi[$m]}</option>";
}
echo"</select>";
//Anno
$da=1950;
$al=date('Y');
echo '<select name="anno" id="anno" required autofocus><option value="">Seleziona</option>';
echo "<option value=\"\"> </option>";
for($aa=$da; $aa<=$al; $aa++){
echo "<option value=\"$aa\"> $aa </option>";
}
echo "</select>" ;
} //chiude l'if del submit
?>
</div>
</div>
</form>
</body>
</html>
E questo è quello che viene visualizzato:
http://s23.postimg.org/6cjnuroh7/Modulo_Iscrizione.png
Come notere l'elenco città e l'elenco provincia non sono allineate con le loro rispettive etichette nemmeno se tolgo le immagini. Spero che mi possiate aiutare grazie.