Form di Registrazione by @garghy64 - Codewith.it

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

References

crossoriginGestisce richieste tra documenti provenienti da origini differenti.
nameDetermina il nome degli elementi HTML o fornisce dati su un attributo associato.
maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input
placeholderDefinisce un testo segnaposto per un elemento input o textarea
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video
formmethodDefinisce il metodo di invio dei dati oltre a method

Users

Log in to search for users

Explore

Find inspiration

velocità scrittura

Leggere Lolita a Teheran Azar Nafi

La storia dell\\\\

Eleganza Gioielli (Ufficiale)

mappa del malandrino

sito mattia chiarabini(2)

Italiano-Cinema [Mohole]

Heads Or Tails Random Tally

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<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>