Form 3 by @veronica.lanati - Codewith.it

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

Referenze

formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form
sizeDetermina le dimensioni dell'elemento in base al valore contenuto
<div>Crea contenitori generici o sezioni in una pagina
<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento
_blankApre i collegamenti ipertestuali in una nuova scheda del browser
autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Pagina sul lorem ipsum

Congressional District Information

Lola Harrel Project 2

provo copia prof

4399-sposta oggetto

Italiano-Cinema Laboratorio AS 25-

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>