form n boh by @veronica.lanati - Codewith.it

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

Referenze

enctypeDetermina il tipo di codifica dei dati di un form per l'invio al server
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)
<h1>Titolo di intestazione di primo livello
formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form
acceptDefinisce e filtra il formato dei file per il tag <input type=file>
<select>Usato per creare un menu a tendina.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Heads Or Tails Random Tally

Costruzione di un form

esercizi riepilogativi

Il mio primo sito(2)

HTML con classi

DDF2025 - CV & Contatti Profession

GoUp Fitness Il tuo percorso verso

Product Landing Page

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 n boh</title>
    </head>
    <body>
      <fieldset>
        <legend><h1 style="font-family:arial;font-size:30pt;color:green"> Vacanze a Ibiza</h1></legend>
        <form method="post" action="mailto:bubi@gmail.com" enctype="text/plain">
        <center>
        <img src="https://www.ibizavuela.com/magazine/public/uploads/2023/01/map.png" width="450">
        </center>
        <p><b> NOME</b></p>
        <input type="text" name="nome" placeholder="scrivere qui nome" required>
        <br>
        <p><b> COGNOME</b></p>
         <input type="text" name="cognome" placeholder="scrivere qui cognome" required>
         <br><br>
MAIL: <input type="text" name="nome" placeholder="scrivere qui nome" required>

<p style="color:red;font-size:18pt;font-family:arial"> Scegliere attività</p>
<input type="checkbox" name="mare chill" value="on"> MARE CHILL
<input type="checkbox" name="mare loco" value="on"> MARE LOCO
<input type="checkbox" name="devasto ogni sera" value="on"> DEVASTO OGNI SERA
<input type="checkbox" name="escursioni" value="on"> ESCURSIONI
<br>

<p style="font-size:16pt;color:green"><b> Scegliere metodo di pagamento</b></p>
<ol>
  <li>
    <input type="radio" name="visa" id="cardtype"> 
    <label for="visa"> VISA
      </li>
<li>
    <input type="radio" name="amex" id="cardtype"> 
    <label for="amex"> AMEX
      </li>
<li>
    <input type="radio" name="mastercard" id="cardtype"> 
    <label for="mastercard"> MASTERCARD
      </li>
<li>
    <input type="radio" name="american express" id="cardtype"> 
    <label for="american express"> AMERICAN EXPRESS
      </li>
      </ol>

      <p style="font-size:16pt;color:blue"><b> Selezionare alloggio</b></p>
    <select name="alloggio" id="alloggio">
      <option selected> --scegli qui--</option>
      <option> Hotel</option>
<option> albergo</option>
<option> b&b</option>
<option> appartamento</option>
<option> ostello</option>
</select>

 <p style="font-size:16pt;color:blue"><b> Selezionare escursioni</b></p>
    <select name="alloggio" id="alloggio">
      <option selected> --scegli qui--</option>
      <option> barca</option>
<option> camminata</option>
<option> immersioni</option>
<option> surf</option>
</select>
<br><br>
<p style="font-family:arial;font-size:16pt;color:red"><i> Allegare documento di identità</i></p>
<input type="file" name="ID" id="ID"> 
<br>

<p style="font-size:14pt;color:green"><b> Informazioni aggiuntive</b></p>
<textarea maxlenght="300" rows="15" cols="100" style="border:ridge purple;background-color:lightblue"> Scrivere informazioni aggiuntive...</textarea>
<fieldset>
  <input type="checkbox" name="consenso" value="consenso_dato" required>
  <label for="consenso"> Consenso al trattamento dei dati, regolamento privacy consultabile al link <a href="https://www.garanteprivacy.it/documents/10160/0/Regolamento+UE+2016+679.+Arricchito+con+riferimenti+ai+Considerando+Aggiornato+alle+rettifiche+pubblicate+sulla+Gazzetta+Ufficiale++dell%27Unione+europea+127+del+23+maggio+2018"> privacy</a></label>
  <br><br>
  <input type="submit" value="invio dati">
  </fieldset>
</form>
</fieldset>
</body>
  </html>