Benvenuti all’ottavo e ultimo capitolo di questa serie su Web Forms. A differenza delle sette parti precedenti, incentrate su come creare e definire lo stile dei controlli dei moduli comuni, questo tutorial tratterà la terza parte della triade di sviluppo HTML: JavaScript (le altre due sono ovviamente HTML e CSS). In tal modo, esploreremo il ruolo di JavaScript nei moduli Web, i suoi usi comuni e vedremo alcuni esempi pratici.
Prima di andare avanti, tuttavia, potresti voler rinfrescare la tua memoria rivisitando gli articoli precedenti di questa serie:
JavaScript: il cavallo di battaglia di Internet
Come accennato nell’introduzione, le pagine Web sono generalmente costituite da tre tecnologie Web standard: HTML, CSS e JavaScript. Mentre HTML definisce il contenuto della pagina Web e CSS regola l’aspetto dei vari elementi, JavaScript esegue azioni attivate dal browser, dalla pagina e/o dall’elemento. Alcuni di questi sono precipitati dall’utente, altri sono semplicemente parte del ciclo di vita della pagina e/o dell’elemento. All’inizio del World-Wide-Web, c’erano alcune persone che sceglievano di disattivare JavaScript nelle preferenze del browser, rendendo JavaScript più di un miglioramento. Oggi, sarebbe difficile trovare moduli web che non utilizzano JavaScript. In effetti, non è affatto raro che i siti Web includano un messaggio utente che afferma che JavaScript DEVE essere abilitato per visualizzare la pagina.
JavaScript è un linguaggio estremamente potente. Può presentare un’applicazione completa fornita tramite il browser. Con così tante funzionalità, possono volerci molti anni per diventare un master scripter. Detto questo, puoi codificare JavaScript per aumentare l’interattività dei tuoi moduli web con solo un minimo di esperienza.
Esempi pratici di moduli JavaScript
Per il resto dell’articolo, incorporeremo tre usi comuni di JavaScript in un modulo web che visualizza un modulo di accesso o registrazione in base alla selezione dell’utente:
Mettere a fuoco
Impostazione dinamica degli stili/classi degli elementi
Convalida dei dati
Per fare ciò, inizieremo con un paio di pulsanti che determinano quale modulo mostrare:
Se l’utente ha già un account, viene visualizzato il modulo di accesso:
Altrimenti, otteniamo il modulo di registrazione che include un campo email a scopo di conferma:
In realtà, entrambi fanno parte della stessa forma; solo il
Web Designer Freelancer Realizzazione Siti Web Serra Simone
Realizzo siti web, portali ed e-commerce con focus specifici sull’usabilità, l’impatto grafico, una facile gestione e soprattutto in grado di produrre conversioni visitatore-cliente. Elaboro siti internet, seguendo gli standard Web garantendo la massima compatibilità con tutti i devices. Sviluppo e-commerce personalizzati, multilingua, geolocalizzati per potervi mettere nelle migliori condizioni di vendita. Posiziono il tuo sito su Google per dare maggiore visibilità alla tua attività sui motori di ricerca con SEO di base o avanzato.
Per fornire le migliori esperienze, utilizziamo tecnologie come i cookie per memorizzare e/o accedere alle informazioni del dispositivo. Il consenso a queste tecnologie ci permetterà di elaborare dati come il comportamento di navigazione o ID unici su questo sito. Non acconsentire o ritirare il consenso può influire negativamente su alcune caratteristiche e funzioni.
Funzionale
Sempre attivo
L'archiviazione tecnica o l'accesso sono strettamente necessari al fine legittimo di consentire l'uso di un servizio specifico esplicitamente richiesto dall'abbonato o dall'utente, o al solo scopo di effettuare la trasmissione di una comunicazione su una rete di comunicazione elettronica.
Preferenze
L'archiviazione tecnica o l'accesso sono necessari per lo scopo legittimo di memorizzare le preferenze che non sono richieste dall'abbonato o dall'utente.
Statistiche
L'archiviazione tecnica o l'accesso che viene utilizzato esclusivamente per scopi statistici.L'archiviazione tecnica o l'accesso che viene utilizzato esclusivamente per scopi statistici anonimi. Senza un mandato di comparizione, una conformità volontaria da parte del vostro Fornitore di Servizi Internet, o ulteriori registrazioni da parte di terzi, le informazioni memorizzate o recuperate per questo scopo da sole non possono di solito essere utilizzate per l'identificazione.
Marketing
L'archiviazione tecnica o l'accesso sono necessari per creare profili di utenti per inviare pubblicità, o per tracciare l'utente su un sito web o su diversi siti web per scopi di marketing simili.