MODULI by @Noemibadano - Codewith.it

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

Referenze

sizeDetermina le dimensioni dell'elemento in base al valore contenuto
disabledImpedisce la modifica di un input
mutedL'attributo muted viene utilizzato impostare risorse HTML audio e video con volume muto
srcIndica la provenienza di una risorsa esterna (tramite URL).
crossoriginGestisce richieste tra documenti provenienti da origini differenti.
<pre>Indica una parte di testo preformattato

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Tastiera digitale

esercitazione n1

Il Giro del Mondo in 80 Giorni(2)

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>
<html>
<head>
  <title>Studio html</title>
</head>
<body>
<p> I moduli vengono utilizzati per raccogliere dati utente</p>
<br>
<p> form --> pagina con moduli che contiene tutto </p>
<br><p> dentro il form posso mettere degli attributi tipo:<br><br> form name = "..."--> nome del form<br> 
form action = "url/email" --> dove verranno inviati i dati
<br><br> form method ="get/post/dialog" -->http metodo utilizzato per inviare il modulo <br><br>(get: i dati del modulo vengono aggiunti all'URI dell'attributo action con un “?” come separatore e il risultante URI viene inviato al server + usare questo metodo quando il modulo non presenta effetti collaterali e contiene solo caratteri ASCII)<br>(post: i dati del modulo vengono inclusi nel corpo del modulo e inviati al server)<br>(dialog: utilizzare quando il modulo q era all'interno di un elemento .dialog. per chiudere il dialog una volta inviato)
<br><br>form enctype=”text/plain oppure multipart/form-data oppure application/x-www-form- urlencoded --> modo in cui i dati del modulo dovrebbero essere codificati una volta inviati al server (solo per il metodo “post”)


<form>
<fieldset>
  <legend>legend --> didascalia</legend>
<input> input--> utente può inserire dati

</fieldset>
</form>

<p>input name=""</p>
<p>input type="button/checkbox/text/radio/file/image/email/number... --> modalità inserimento dati"</p>
<p>+ input placeholder="scrivere proprio nome" </p>
<p> input id --> identificativo input </p>

<ol>
  <li>Nome <input type="text" name="nome" placeholder="Nome"> </li>
  <li>Cognome <input type="text" name="nome" placeholder="Cognome"></li></ol>

  <p>ho messo: .ol. <br> .li. Nome .input type="text" name="nome" placeholder="Nome". ./li. <br>
  .li.Cognome .input type="text" name="nome" placeholder="Cognome">./li. ./ol.</p>

<br><ol>
  <li> <input type="radio" name="cardtype" id="visa">
<label for="visa">VISA</label> </li>
<li> <input type="radio" name="cardtype" id="mastercard"> <label for="mastercard">MASTERCARD</label>   </li></ol>
 
  <p>ho messo: .ol. <br> .li. .input type="radio" name="cardtype" id="visa". .label for="visa". VISA ./label../li. <br>
  .li. .input type="radio" name="cardtype" id="mastercard". .label for="mastercard". MASTERCARD ./label.   </li></ol>
  </p>
<p> .label for=”...”. ./label. --- didascalia in un’interfaccia utente + aggiungere al suo interno (testualmente) il nome dell’etichetta per renderla visibile
<br>
<br>
<p> PROGRAMMA ACCOMPAGNATORI </p>
     <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></p>

<br> <p>.p. PROGRAMMA .select name="visitguide" id="visitguide".
      <br>     .option selected. -- scegli -- ./option.
       <br>    .option. tour cittadino ./option.
           ... ./select.
<br>
<br>
<p>CASELLA TESTO</p>
<textarea> .textarea. </textarea><br><br> --- casella di testo (+necessario inserire gli attributi name e id per inviare) + attributi cols=”...” rows=”...” maxlenght=”...” (colonne/ampiezza, righe, numero massimo caratteri)<br><br>
<textarea maxlength="250" rows="10" cols="90" style="background-color:yellow">Testo qui...</textarea>

</body>
</html>