Form e tabella, problema grafico

Simone Spadafora

Nuovo Utente
10 Apr 2016
1
0
0
Buongiorno a tutti! Devo ricreare questo form in ".php" e sto usando DreamViewer.
Ho creato correttamente il form con "nome", "cognome", ecc,... ma ora dovrei mettere quel bordo con quella scritta messa li.. come posso fare ?
parteSuperiore.jpgparteSuperiore.jpg
 
Esempio:
Codice:
 <form action="action_page.php">
  <fieldset style="width:250px;">
    <legend>Informazioni Personali:</legend>
    Nome:<br>
    <input type="text" name="Nome" value="Nome"><br>
    Cognome:<br>
    <input type="text" name="Cognome" value="Cognome"><br><br>
    <input type="submit" value="Submit">
  </fieldset>
</form>
 
Codice:
fieldset {
    font-family: sans-serif;
    border: 5px solid #1F497D;
    background: #ddd;
    border-radius: 5px;
    padding: 15px;
}

fieldset legend {
    background: #1F497D;
    color: #fff;
    padding: 5px 10px ;
    font-size: 32px;
    border-radius: 5px;
    box-shadow: 0 0 0 5px #ddd;
    margin-left: 20px;
}

<section style="margin: 10px;">
<fieldset style="min-height:100px;">
<legend><b> My Statistics </b> </legend>
<label> <br/> </label>
<label> <br/> </label>
</fieldset>

Adattalo alle tue esigenze

Fonte: http://stackoverflow.com/questions/19774653/css3-for-html5-legend-inside-fieldset
 

Discussioni simili