Form 3 by @veronica.lanati - Codewith.it

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

Referenze

<u> Utilizzato definire una parte del contenuto come annotazione non testuale, con una sottolineatura.
<datalist>Crea una lista di opzioni pre-definite ed editabili per elementi di input
forSpecifica a quale id è associato l'elemento in cui è dichiarato.
<input>Definisce un area di input per l'invio di dati e informazioni
requiredRende obbligatorio un campo di input
<li>Inserisce voci all'interno di una lista

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Indovina il numero 1 a 10

Federica Bachini Lab

spotify dashboard

textarea select and replace

One Magic Moment - Eventi Unici

Pagine di prova

poccodio inserimenti immagineee

Quiz ICF — 60 domande (Sotto-com

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>
<head>
  <title> Form 3 </title>
</head>
<body>
<legend><b><h1 style="color:red;text-align:center"> PRENOTAZIONE VACANZE </b></h1> 
<center>
  <img src="https://media.gqitalia.it/photos/5d2853113e7a360008700a5a/16:9/w_2560%2Cc_limit/GettyImages-672425798.jpg" style="width:300;border:dotted red">
  </center>
</legend> 
<form method="post" action="mailto:mario.rossi@gmail.com" enctype="text/plain">
<p> NOME</p>
<input type="text" name="nome" placeholder="scrivere nome" required> 
<br><br>
<p>COGNOME </p>
<input type="text" name="cognome" placeholder="scrivere cognome" required> 
<br><br> 
<p> EMAIL </p>
<input type="text" name="mail" placeholder="scrivere mail">
<br><br> 
<p> NUMERO DI CELLULARE</p> 
<input type="text" name="numero di cellulare"> 
<br><br>
<b><i><p style="font-family:arial; font-size:16px;color:red"> Scegliere luogo </b></i> </p>
<input type="checkbox" name="montagna" value="on"> Montagna
<br>
<input type="checkbox" name="pianura" value="on"> Pianura
<br>
<input type="checkbox" name="mare" value="on"> Mare
<br><br>

<b><p style="font-family:arial; font-size:16px;color:red"> Scegliere tipologia abitazione </b></p> 
ABITAZIONE: <select name="abitazione" id="abitazione">
  <option selected> -scegli- </option>
  <option> albergo </option>
<option> bed and breakfast </option>
    <option> hotel </option>
    <option> appartamento </option>
 </select>

<br><br> 
 <p style="font-family:arial; font-size:16px;color:black"><b> Scegliere hotel </b></p>
 HOTEL: <select name="hotel" id="hotel">
  <option selected> -scegli qui- </option>
  <option> Hotel miramare </option>
<option> Hotel Mario </option>
 <option> Hotel Bellavista </option>
 <option> Hotel La gioconda </option>
 </select>
<br><br>

 <p style="font-family:arial; font-size:16px;color:black"> Inserire copia documento d'identità </p>
 <input type="file" name="CI"id="CI"> 
 <br><br>

  <p style="font-family:arial; font-size:16px;color:black"> Selezionare metodo di pagamento </p>
  <ol>
    <li>
  <input type="radio" name="carta-credito" id="visa"> 
  <label for="visa"> VISA </label></li>
    <li>
  <input type="radio" name="carta-credito" id="mastercard"> 
<label for="mastercard"> MASTERCARD </label></li>   
<li>
  <input type="radio" name="carta-credito" id="American express">
  <label for="american express"> AMERICAN EXPRESS </label></li>
  </ol>
<br>
<p style="font-family:arial; font-size:16px;color:black"> Informazioni aggiuntive </p>
<textarea maxlenght="400" rows="15" cols="110" style="background-color:lime;border:ridge black"> Testo qui...</textarea>
<fieldset>
  <input type="checkbox" name="consenso" value="consenso_dato" required>
  <label for="consenso utilizzo dati"> consenso al trattamento dei dati personali; il regolamento sulla privacy è consultabile al link <a href="https://www.google.com/search?q=vacanze+&tbm=isch&ved=2ahUKEwjeqNX8mYqDAxXC7gIHHR3QAZ8Q2-cCegQIABAA&oq=vacanze+&gs_lcp=CgNpbWcQAzIQCAAQgAQQigUQQxCxAxCDATIQCAAQgAQQigUQQxCxAxCDATIQCAAQgAQQigUQQxCxAxCDATIQCAAQgAQQigUQQxCxAxCDATIFCAAQgAQyBQgAEIAEMgUIABCABDIFCAAQgAQyBQgAEIAEMgUIABCABDoLCAAQgAQQsQMQgwE6BAgAEANQxgRY6g5gnhBoAHAAeACAAUWIAYUFkgECMTCYAQCgAQGqAQtnd3Mtd2l6LWltZ8ABAQ&sclient=img&ei=yXp4ZZ6gH8Ldi-gPnaCH-Ak&bih=969&biw=1920#imgrc=vsvIx3MV_Wz5dM"> privacy dati personali </a>
  </label>

<br><br> 
<input type="submit" value="invio dei dati">

 </fieldset>
 </form>
 </body>
  </html>