Form 3 by @veronica.lanati - Codewith.it

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

References

titleIndica informazioni aggiuntive riguardo un elemento HTML
<hr>Inserisce una linea orizzontale
actionDetermina la pagina di destinazione a cui verranno inviati i dati di un form HTML
<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento
<thead>Definisce un gruppo di intestazione all'interno di una tabella.
relServe a definire la relazione tra il documento e una risorsa.

Users

Log in to search for users

Explore

Find inspiration

provo copia prof

Lista con ricerca

esercizio 03 pagina form

Text-Based Doom-Like Game aka DOOM

Il mio primo sito(2)

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