Form 3 by @veronica.lanati - Codewith.it

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

References

downloadConsente di scaricare file al click di collegamento ipertestuale.
methodDetermina il metodo di invio dei dati di un form al server
<i>Formatta il testo in corsivo/italico non enfatizzato
<meta>Definisce i meta dati di una pagina web.
<option>Serve ad inserire una voce in un menu di selezione.
<textarea>Area di testo libero espandibile per form HTML

Users

Log in to search for users

Explore

Find inspiration

La magica storia di Peter Pan_Laura

Esercitazione tabelle

Research Profiles

Convertitore doppio

Esercizio sui cicli

Lola Harrel Project 2

5/10/24 es. 8 - conta alfabeto

voxel characters generator

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>