MODULI by @Noemibadano - Codewith.it

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

Referenze

<base>Specifica l'URL di base per tutti gli URL relativi all'interno della pagina.
_blankApre i collegamenti ipertestuali in una nuova scheda del browser
<textarea>Area di testo libero espandibile per form HTML
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
classDefinisce una o più classi per elemento
formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Esercizio forse più giust

square - social bar

prototipo di form tag

Heads Or Tails Random Tally

Mappa Visiva (Wire,CTA) - Moduli W

Esercitazione informatica(2)

TravelEscape - Esplora il Mondo co

La Storia di Livia

Esercizi 05/03/2024 es4

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>