Prototipo di form by @Aurors - Codewith.it

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

References

minlengthDetermina il numero minimo di caratteri per un elemento input
controlsL'attributo controls si usa per visualizzare gli strumenti per la riproduzione dei file audio e video
<nav>Definisce un menu di navigazione
<head>Tag primario di un documento HTML
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)
<tfoot>Definisce il footer o sezione inferiore di una tabella.

Users

Log in to search for users

Explore

Find inspiration

I miei progressi

Download Firefox for PC Windows

CalcolatoreMedia

Bootstrap Basics

Countdown fine anno

Calcolo Codice Fiscale

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.

<!DOCTYPE html>
<html>
  <head>
    <title>Costruzione di un form on line</title>

  </head>
  <body>
    <!COSTRUZIONE DI UN FORM!>
 
     <!inserimento modalità di riscontro iscrizione!> 
       <form method="post" action="mailto:mario.rossi@inweb.it" enctype="text/plain">
     <fieldset>
      <legend><h1 style="color:red">
        
        
  
        PROTOTIPO DI FORM CON I TAG FONDAMENTALI</h1></legend> 
         <center>
        <img src="https://www.a-sapiens.it/wp-content/uploads/freshizer/33a6d9da2eed33fd7fac670a75dc7d20_Prog-languages-620-c-90.png" style=" width:800px; height=650px; border:solid 8px green">
        </center>
       
       
         <p>NOME</p>
      <input type="text" name="nome" placeholder="scrivere il proprio nome">
      <p>COGNOME</p>
      <input type="text" name="cognome" placeholder="scrivere il proprio cognome">
      <p>MAIL</p>
      <input type="text" name="mail" placeholder="mail valida">
      <br>
      <br>
      <br>
      <!Scelta tipologia di corso!>
      <input type="checkbox" name="php"> CORSO DI LINGUAGGIO PHP
      <br>
      <input type="checkbox" name="html"> CORSO CODICE HTML
      <br>
      <br>   
      <!Modalità di pagamento!>
         <input type="radio" id="mastercard" name="mastercard">
         <label for="mastercard"> MASTERCARD</label>
         
        <br> 
         <! area per commenti: si caratterizza per l'inserimento del numero massimo di caratteri utilizzabili!>
         <textarea maxlenght="300" rows="50" cols="80" style="background-color:orange"> Testo qui...</textarea>
         
         <br>
         <br>
         <!parte legata al trattamento dei dati ed alla privacy!>
         <br>
       <!programma accompagnatori e sistemazione alberghiera!>  
       <p>SISTEMAZIONE ALBERGHIERA</p>
       HOTEL:<select name="albergo" id="albergo">
       <option selected>Scegli</option>
       <option>Albergo Miramare</option>
       <option>Pensione Rosa</option>
       <option>B&B Luisa</option>
       <option>Luxury Room Mary</option>
       
       
       </select>
         
       
       
       <br>
       <br>
       <input type="checkbox" name="colonna consenso si/no" required>
         <label for="consenso">consenso al trattamento dei dati; il regolamento è consultabile al link <a href="https://www.garanteprivacy.it/web/guest/home/docweb/-/docweb-display/docweb/9752433;">link, privacy, regolamento</a></label>
         <br>
         <br>
         <!inserimento barra/caricamento file (solitamente copia del documento di identità)!>
         <p>Carica il tuo documento di identità</p>
         <input type="file" name="docid">
         <br>
         <br>
       <fieldset>
       <input type="submit" value="INVIA DATI">
         </fieldset>
         
      </fieldset>   
    </form>

  </body>
</html>

*{ }