I moduli HTML vengono comunemente utilizzati sui siti Web aziendali per fornire un'interfaccia ai clienti per inviare informazioni, pagare prodotti o accettare le politiche del sito Web. Un modulo è composto da codice HTML con valori speciali che consentono di memorizzare ed elaborare l'input dell'utente in modi specifici. Spesso i fornitori di servizi generano moduli già pronti per essere copiati e incollati nel tuo sito web. Se gestisci un blog Tumblr per la tua azienda, puoi inserire moduli nei tuoi post e nel tema del tuo blog tramite la dashboard di Tumblr.
Inserisci il modulo nel post di Tumblr
1
Vai su Tumblr e accedi alla tua dashboard. Fai clic sul nome del tuo blog nella parte superiore della dashboard.
2
Fare clic su "Testo" per creare un post basato su testo.
3
Fai clic sul pulsante "HTML" nel menu nella parte superiore del campo del post per aprire una finestra dell'editor HTML.
4
Posiziona il cursore nel campo di testo dell'editor HTML e digita "" (ometti le virgolette) per creare il modulo.
5
Posiziona il cursore tra i tag del modulo e crea elementi di input come campi di testo, pulsanti di opzione, caselle di controllo o pulsanti. La codifica corretta dipende dal tipo di elemento di input, dal nome dell'elemento e dal valore. Ad esempio, il codice per una casella di controllo dovrebbe essere simile al seguente:
Questa è una casella di controllo
6
Fai clic su "Aggiorna" per aggiungere il modulo al tuo messaggio.
7
Inserisci un titolo nel campo di testo "Titolo" e fai clic su "Crea post" per pubblicare il modulo sul tuo blog Tumblr.
Inserisci modulo nel tema Tumblr
1
Accedi alla dashboard di Tumblr, seleziona il tuo sito dall'elenco in alto e fai clic su "Personalizza tema".
2
Fare clic su "Modifica HTML" per aprire il riquadro dell'editor HTML.
3
Scorri verso il basso fino alla posizione nel tuo tema Tumblr in cui desideri inserire il modulo. Ad esempio, se desideri inserire il modulo nell'intestazione, scorri verso il basso e posiziona il cursore del mouse subito dopo.
4
Digitare "" (senza virgolette) e quindi digitare gli elementi di input tra i tag del modulo per creare il modulo. Ad esempio, se desideri un modulo con due campi di testo, il tuo codice dovrebbe essere simile al seguente:
Primo campo di testo: Secondo campo di testo:
5
Fare clic su "Aggiorna anteprima | Salva | Aspetto "per chiudere il riquadro dell'editor HTML, quindi fare clic su" Salva "per finalizzare le modifiche.
6
Fare clic su "Chiudi" per tornare alla dashboard.
Risorse
- Tizag.com: moduli
- HTML Dog: moduli
- W3Schools: moduli HTML
Tip
- Visita siti web come HTML Dog, W3schools e Tizag per studiare esempi di elementi di input HTML che puoi utilizzare per comporre il tuo modulo. Molti siti di e-commerce forniscono anche moduli già pronti che richiedono semplicemente di copiare e incollare il codice nella tua pagina web.
Scrittore Bio
Jason Spidle è un appassionato di tecnologia e scrittore. I suoi scritti su computer, smartphone, web design, applicazioni Internet, sport e musica sono stati pubblicati in una varietà di siti web tra cui Salon, JunkMedia, Killed in Cars e The Columbia Free Times. Spidle gestisce una serie di blog contenenti poesie, racconti e altri romanzi.