MODULI by @Noemibadano - Codewith.it

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

Referenze

postDefinisce un metodo di invio di dati al server
novalidateImpedisce la convalida dei campi con valori tipizzati di elemento input
<select>Usato per creare un menu a tendina.
<hr>Inserisce una linea orizzontale
preloadL'attributo preload indica se precaricare un contenuto audio e video con il documento HTML
acceptDefinisce e filtra il formato dei file per il tag <input type=file>

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Il Mondo della Tecnologia

La storia di Cappuccetto Rosso

le miniere di nuxis

Costruzione tabella base

Italiano-Cinema [Bacheca]

rectangle drawning

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>