Sondaggio by @carmian - Codewith.it

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

Referenze

<em>Formatta il testo in corsivo/italico enfatizzato
<h6>Titolo di intestazione di sesto livello
<caption>Definisce didascalie all'interno di una tabella
formnovalidateImpedisce la convalida di un singolo elemento input
<head>Tag primario di un documento HTML
relServe a definire la relazione tra il documento e una risorsa.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

AoIT Dashboard 2024 v1

Prima pagina web

Selezione Telefoni

FuturaDesign - Design che Definisc

Dexter - Stagioni

noc-fisicas-reroll-parcial1

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.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Sondaggio</title>
    <link rel="stylesheet" href="styles.css" />
    </head>
    <body>
      <div class="contenitore">
        <div><h1 id="title">SONDAGGIO</h1></div>
        <div><p id="desrciption">Descrizione del sondaggio</p></div>
        <form id="survey-form" method="POST" action='https://register-demo.freecodecamp.org'>

  <fieldset>

  <label id="name-label">

    <p>Inserisci il tuo nome

    <input id="name" type="text" required placeholder="nome"> </p>

  </label>

  <label id="email-label">

    <p>Inserisci la tua email

    <input id="email" type="email" required placeholder="email@"> </p>

  </label>
  
  <label id="number-label">

    <p>Inserisci la tua età

    <input id="number" type="number" min="0" max="999" placeholder="anni" class="stessa-riga"></p>

  </label>

  </fieldset>
<div id="spazio"></div>
  <fieldset>

    <p>Scegli<select id="dropdown"></p>

    <option></option>
    <option></option>

  </select>

  <p>Scegli
  <input type="radio" value="A" name="scelta" class="stessa-riga">A
  <input type="radio" value="B" name="scelta" class="stessa-riga">B</p>
  <p>Scegli
  <input type="checkbox" value="A" class="stessa-riga">A
  <input type="checkbox" value="B" class="stessa-riga">B</p>

</fieldset>

  <section>  <p>Scrivi</p>
  <textarea placeholder="io scrivo..."></textarea>

  <div><input type="submit" id="submit"></div>
  </section>

</form>
      <div>
    </body>
    </html>

.contenitore{
  width: 50%;
  height: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items:center;
  flex-direction: column;
  letter-spacing: 20%;

}
section{
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items:center;
  flex-direction: column;
} 
fieldset{
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items:center;
  flex-direction: column;
}
label{
  margin: auto;
  text-align: center;
}
#spazio{
  height: 5%;
}