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

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

Referenze

selectedPre-seleziona un elemento di input
text/plainDefinisce un metodo di non codifica dei valori di un form
formmethodDefinisce il metodo di invio dei dati oltre a method
nameDetermina il nome degli elementi HTML o fornisce dati su un attributo associato.
srcsetL'attributo srcset definisce la risorsa grafica tramite URL all'interno del tag <source> contenuto in <picture>
<table>Tag primario per la creazione di tabelle

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Textify beta 20

tabella venuta male

Coppa del mondo

registration form

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>