Questo corso suddivide i moduli HTML in parti facili da comprendere. Nei prossimi moduli, scoprirai come funziona un modulo HTML e come utilizzarlo in modo efficace nei tuoi progetti. Utilizza il riquadro dei menu accanto al logo di Impara moduli per navigare tra i moduli.
Scoprirai come creare un modulo HTML di base, come applicare gli elementi HTML e come applicare stili ai moduli, aiutare gli utenti a reinserire i dati, garantire che il modulo sia accessibile e sicuro, come testare i moduli e informazioni su tipi di moduli specifici.
Ogni modulo è ricco di demo interattive e autovalutazioni per testare le tue conoscenze.
Questo corso è adatto agli sviluppatori HTML principianti ed avanzati. I primi moduli ti aiutano a iniziare a creare moduli HTML, gli altri moduli forniscono più dettagli. Puoi seguire la serie dall'inizio alla fine per acquisire una conoscenza generale dei moduli HTML oppure scegliere un modulo specifico su cui vuoi saperne di più.
Prerequisiti
Prima di iniziare questo corso, dovresti conoscere il linguaggio HTML. Per chi non ha familiarità con lo sviluppo web, consulta il corso Introduzione all'HTML di MDN per sapere tutto su come scrivere markup.
Demo
Per la maggior parte delle demo utilizziamo CodePen.
Guardando le demo, potresti chiederti da dove provengono gli stili. Utilizziamo un foglio di stile generale incluso in tutte le demo, quindi lì verranno mostrati solo gli stili pertinenti. In CodePen, puoi selezionare i file CSS inclusi da Impostazioni.
Controlli e campi modulo
Un controllo modulo è un elemento che consente l'interazione dell'utente e l'inserimento o la selezione di dati:
un <input>, <select>, <textarea> o <button>.
A volte il campo modulo viene utilizzato per fare riferimento ai controlli del modulo,
in particolare a elementi per l'inserimento di testo: <input> e <textarea>.
Ecco cosa imparerai
Utilizzare i moduli per ricevere dati dagli utenti
Apprendi le nozioni di base sull'utilizzo di un modulo sul web con questa introduzione all'elemento modulo.
Aiutare gli utenti a inserire i dati nei moduli
Una panoramica dei vari elementi del modulo che puoi scegliere per creare il tuo modulo.
Aiutare gli utenti a evitare di reinserire dati nei moduli
Rendi più agevole la compilazione dei moduli per gli utenti.
Aiutare gli utenti a inserire i dati giusti nei moduli
Scopri come convalidare i tuoi moduli sul frontend.
Testare i moduli
Scopri come testare e analizzare i tuoi moduli.
Nozioni di base sulla progettazione
Scopri come creare moduli facili da usare.
Accessibilità
Come creare moduli inclusivi.
Internazionalizzazione e localizzazione
Preparati per i formati di dati internazionali e scopri come pianificare il tuo modulo per la localizzazione.
Sicurezza e privacy
Scopri come rendere sicuri i moduli e mantenere privati i dati degli utenti.
Compilazione automatica
Scopri tutto quello che c'è da sapere sulla compilazione automatica e sull'attributo di completamento automatico.
Come testare i moduli per l'usabilità
Scopri come eseguire test di usabilità e assicurarti che il modulo funzioni correttamente per tutti gli utenti.
Testare i moduli su più dispositivi e piattaforme
Assicurati che il modulo funzioni con dispositivi, browser, piattaforme e contesti diversi.
Raccolta dati
Scopri come misurare e analizzare il tuo modulo.
L'elemento del modulo in profondità
Scopri tutto quello che c'è da sapere sugli elementi del modulo, quando devi utilizzare un modulo e come funziona nel dettaglio.
Campi del modulo in dettaglio
Scopri i diversi campi del modulo che puoi utilizzare e come scegliere l'elemento giusto per il modulo.
Approfondimento degli attributi del modulo
Scopri tutto quello che c'è da sapere sugli attributi del modulo: come modificare il layout delle tastiere sullo schermo, attivare la convalida integrata e altro ancora.
Stile dei moduli
Applica stili ai moduli mediante CSS, assicurandoti che rimangano utilizzabili e leggibili da tutti.
Stili dei controlli dei moduli
Scopri come implementare i controlli del modulo con CSS.
JavaScript
Scopri come utilizzare JavaScript per migliorare i tuoi moduli.
Moduli di pagamento
Migliora i tassi di conversione creando forme di pagamento migliori.
Moduli per l'indirizzo
Aiuta gli utenti a compilare i moduli per gli indirizzi in modo facile e veloce.
Conclusione e passaggi successivi
Ulteriori risorse per aiutarti a intraprendere i prossimi passi.
Vuoi iniziare a conoscere i moduli? Iniziamo.