form per il torneo misto disfor s by @Marty03 - Codewith.it

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

References

autofocusAttiva un elemento al caricamento della pagina.
<iframe>Crea un frame all'interno di una pagina HTML.
<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.
_selfApre collegamenti ipertestuali nella stessa pagina del browser
valueValore alfanumerico o booleano contenuto in un elemento
<datalist>Crea una lista di opzioni pre-definite ed editabili per elementi di input

Users

Log in to search for users

Explore

Find inspiration

LEZIONE 1 AULAB

Esercio-selettori-di-relazione

Questionario Serie A

Bootstrap List Grid

DEMO: Hi-Lo Game

esercizio ripilogativo 1

spotify dashboard

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>
<html lang="it">
    <head>

      <title>    Form per il torneo misto disfor secondo anno </title>
    </head>
<body>

<form>
            <fieldset>
              <legend><h1 style="color:red";> FORM ISCRIZIONE TORNEO MISTO DISFOR</h1>
              </legend>

      
         
         <center>
      <img src="https://www.a-sapiens.it/wp-content/uploads/freshizer/33a6d9da2eed33fd7fac670a75dc7d20_Prog-languages-620-c-90.png " style="width:600px; hight:500px; border:solid 5px red ";>
          </center>

<form method="post"  action="mario.rossi@studio.com"  enctype="text/plain">

<p>NOME</p>    <input type="text" name="NOME"  placeholder="scrivere il proprio nome"   required>

<br>
<p style="font-family:arial;font-size:32 color:green; text-align:left" > seleziona il tipo di corso che vuoi seguire </p>
<!-- inserimento di tag a scelta multipla !-->

<input type= "checkbox"
name="Basic" value="on">BASIC
<input type= "checkbox" name= "standard" value="on"> STANDARD
<input type="checkbox" name= "advanced" value= "on"> ADVANCED

<!-- tag per scelta singola !-->
<p> MODALITA' DI PAGAMENTO </p>

<ol>
 <li> <input type="radio" id="VISA" name="carta"> <label for="VISA"> VISA </tabel> </li>
 <li><input type= "radio" id= "amex" name="carta"> <label for="amex"> amex </label> </li>
</ol>

<!-- scelta singola attraverso menù a tendina!-->
HOTEL:
<select name="albergo" id="albergo">
  <option selected> -- scegli -- </option>
  <option> Albergo Primula </option>
  <option> Albergo Mari e Monti </option>
  </select>
  <br>
  <br>
  <p> PROGRAMMA ACCOMPAGNATORI </P>
 PROGRAMMA <select name= "visitguide" id= "visitguide">
  <option selected> --scegli-- </option>
  <option>  tour cittadino </option>
  <option>escursione in collina</option>
  <option>escursione al porto </option>
  <option>gita in barca </option>
  </select>
  <br>
  <br>
  <p>allega copia documento identità</p>
  <input type="file" name="CI" id="CI">
  <br>
  <br>
  <br>
  <p style="font-family, font-size:32, font-color:green; text-align:left">
    informazioni aggiuntive </p>
  <!--maxleght ---massimo numero di caratteri utilizzati nella finestra di dialogo!-->
  <textarea maxleght="250" rows="10" cols="90" style="background-color:yellow";> testo qui...</textarea>

  <fieldset>
    <input type="checkbox" name="consensop" value="consenso_dato" required>
    <label for="consenso"> consenso al trattamento dei dati personali; il regolamento sulla privacy è consultabile al link <a href="https://www.garante dellaprivacy.it/"> privacy </a> </label>
   <br>
    <!--mettiamo il bottone di invio-->
    <input type="subnit" value="invia i dati">
    </fieldset>


  <!-- inserire un'immagine della localitaà attraverso collegamento ipertestuale !-->
<figure>
<img src="https://www.cucchiaio.it/content/cucchiaio/it/ricette/2019/12/pandoro-farcito-con-crema-alla-vaniglia-e-frutti-di-bosco/_jcr_content/header-par/image-single.img.jpg/1575370557499.jpg" style="width:250px; height:280px;"> </figure>



</form>
</body>
</html>