Form di Registrazione by @garghy64 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

_selfApre collegamenti ipertestuali nella stessa pagina del browser
<embed>Tag per l'incorporamento di contenuti multimediali
loopL'attributo loop è usato per la riproduzione continua dei contenuti video e audio
formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form
formmethodDefinisce il metodo di invio dei dati oltre a method
targetDetermina il comportamento di un collegamento ipertestuale alla sua apertura

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Cascaded-Treemap

Un Giorno a Napoli: Itinerario Det

esercizio esame \"if else\" in html

Gesù nostro signore(2)

Banner_cercatutto

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<html lang="it">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form di Registrazione</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        margin: 20px;
        color: #333;
      }

      h1 {
        color: #007BFF;
      }

      form {
        max-width: 400px;
        margin: auto;
        padding: 20px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background-color: #f9f9f9;
      }

      label {
        display: block;
        margin-bottom: 8px;
      }

      input,select {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
      }

      button {
        background-color: #007BFF;
        color: white;
        border: none;
        padding: 10px 15px;
        border-radius: 5px;
        cursor: pointer;
      }

      button:hover {
        background-color: #0056b3;
      }
    </style>
  </head>
  <body>

    <h1>Registrazione Utente</h1>

    <form action="/registrazione" method="post">
        <fieldset>
            <legend>Informazioni Personali</legend>
            <label for="nome">Nome:</label>
            <input type="text" id="nome" name="nome" required><br><br>

            <label for="cognome">Cognome:</label>
            <input type="text" id="cognome" name="cognome" required><br><br>

            <label for="data_nascita">Data di Nascita:</label>
            <input type="date" id="data_nascita" name="data_nascita" required><br><br>

            <label for="username">Username:</label>
            <input type="text" id="username" name="username" required><br><br>

            <label for="password">Password:</label>
            <input type="password" id="password" name="password" required><br><br>
        </fieldset>

        <fieldset>
            <legend>Preferenze Musicali</legend>
            <label>Genere Preferito:</label><br>
            <input type="radio" id="rock" name="genere" value="rock">
            <label for="rock">Rock</label><br>
            <input type="radio" id="jazz" name="genere" value="jazz">
            <label for="jazz">Jazz</label><br>
            <input type="radio" id="pop" name="genere" value="pop">
            <label for="pop">Pop</label><br>
            <input type="radio" id="classica" name="genere" value="classica">
            <label for="classica">Classica</label><br>
            <input type="radio" id="trap" name="genere" value="trap">
            <label for="trap">Trap</label><br>
            <input type="radio" id="rap" name="genere" value="rap">
            <label for="rap">Rap</label><br><br>
        </fieldset>

        <fieldset>
            <legend>Hobby</legend>
            <label>Hobby:</label><br>
            <input type="checkbox" id="corsa" name="hobby" value="corsa">
            <label for="corsa">Corsa</label><br>
            <input type="checkbox" id="calcio" name="hobby" value="calcio">
            <label for="calcio">Calcio</label><br>
            <input type="checkbox" id="cinema" name="hobby" value="cinema">
            <label for="cinema">Cinema</label><br>
            <input type="checkbox" id="caccia" name="hobby" value="caccia">
            <label for="caccia">Caccia</label><br>
            <input type="checkbox" id="pesca" name="hobby" value="pesca">
            <label for="pesca">Pesca</label><br>
            <input type="checkbox" id="pittura" name="hobby" value="pittura">
            <label for="pittura">Pittura</label><br><br>
        </fieldset>

        <input type="submit" value="Registrati">
    </form>
  </body>
</html>