prototipo di form tag by @chiaaaa - Codewith.it

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

References

<datalist>Crea una lista di opzioni pre-definite ed editabili per elementi di input
sizeDetermina le dimensioni dell'elemento in base al valore contenuto
<p>Serve a definire paragrafi di testo
<thead>Definisce un gruppo di intestazione all'interno di una tabella.
rowspanDefinisce il numero di righe su cui una cella di una tabella deve estendersi.
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)

Users

Log in to search for users

Explore

Find inspiration

Simulatore Circuito RLC AC

Il Piccolo Principe

Template Wheel Stripes

Aurion Agency | Digital Alchemy

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 online</title>
    
  </head>
  <body>
    <!COSTRUzIONE DI UN FORM!>
    
      
      <!inserimento modalità di ricontro 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>
          <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>
        </legend>
         
        
        <p>NOME</p>
        <input type="text" name="nome" placeholder="scrivere il proprio nome">
        
      <p>COGNOME</p>
        <input type="text" name="nome" placeholder="scrivere il proprio cognome">
      
      <p>MAIL</p>
        <input type="text" name="nome" placeholder="mail valida">
      <br>
        <br>
        <br>
      <!Scelta della tipologia di corso!>
      <input type="checkbox" nameame="php"> CORSO DI LINGUAGGIO PHP
        <br>
      <input type="checkbox" nameame="html"> CORSO CODICE HTML
         <br>
        <br>
        <!MODALITA' DI PAGAMENTO!>
       
        <input type="radio" id="mastercard" nameame="master">  
        <label for="mastercard">MASTERCARD</label>
        
        
        
        
        <! area per commenti: si caratterizza per l'inserimento del numero massimo di caratteri utilizzabili !>
        
        <textarea maxlengthaxlenght="300"   rows="50"  cols="80"  style="background-color:lightblue">Testo qui</textarea>
        <br>
        <br>
        <! parte legata al trattamento dei dati ed alla privacy !>
        <br>
        <!programma accompagnatori e sistemazione alberghiera!>
        <p>PROGRAMMAZIONE 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>
        <input type="checkbox" nameame="consenso si/no" required>
        <label for="consenso">Consento 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/caricamento file(solitamente copia del documento di indentità) !>
        
        <p>
          Carica il tuo documento di identità
        </p>
        
        <input type="file" name="docid" id="docid">
        <br>
        <br>
        <fieldset>
        <input type="submit" value="INVIA DATI">
        </fieldset>
        
        
        </fieldset>
    </form>
  </body>
</html>

*{ }