Form 3 by @veronica.lanati - Codewith.it

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

Referenze

_parentApre collegamenti ipertestuali nell'elemento genitore
animation-delayDetermina il tempo prima dell'avvio di una animazione in secondi (es. 1s) o millisecondi (ms)
novalidateImpedisce la convalida dei campi con valori tipizzati di elemento input
<aside>Definisce un contenuto separato dal testo perincipale
<tbody>Definisce il contenuto principale di una tabella.
<strong>Definisce una parte del testo importante con formattazione in grassetto.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Neon Flux - Visual Design in Motio

POESIA UNA AL GIORNO

I miei progressi

esempio di captcha

menu a comparsa Jquery

Esercitazione tabelle

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>