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

enctypeDetermina il tipo di codifica dei dati di un form per l'invio al server
<form>Crea un modulo/form HTML per consentire all'utente di inviare dati al server
<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.
<video>Integra e controlla video in una pagina HTML
controlsL'attributo controls si usa per visualizzare gli strumenti per la riproduzione dei file audio e video
<q>Indica una parte di testo come citazione breve

Users

Log in to search for users

Explore

Find inspiration

Pro Vercelli LB(2)

compito 15 maggio

Esercitazione Informatica

Pagina di documentazione

esercitazione 1

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>