Guida utente Annulla

Supporto HTML5 avanzato per gli elementi modulo

 

 

In linea con il costante supporto per HTML5 in Dreamweaver, sono stati aggiunti nuovi attributi per alcuni elementi modulo. Inoltre, sono stati introdotti quattro nuovi elementi modulo HTML5.

Gli elementi modulo sono disponibili nel pannello Inserisci. Selezionate Finestra > Inserisci. Nel menu del pannello Inserisci, selezionate Moduli.

Flusso di lavoro modificato per i moduli in Dreamweaver

Flusso di lavoro modificato per i moduli nell'aggiornamento Dreamweaver 12.1.

David Powers

Nuovi attributi comuni agli elementi modulo

I seguenti nuovi attributi sono comuni a tutti gli elementi modulo:

  • Disabled: selezionate questa opzione se volete disattivare l'elemento nel browser.
  • Required: selezionate questa opzione se volete che il browser verifichi se è stato specificato un valore per l'elemento.
  • Auto complete: selezionate questa opzione per compilare automaticamente i valori quando l'utente inserisce delle informazioni in un browser.
  • Auto focus: selezionate questa opzione per fare di questo elemento l'elemento attivo quando la pagina viene caricata nel browser.
  • Read only: selezionate questa opzione per impostare il valore dell'elemento come valore di sola lettura.
  • Form: specifica uno o più moduli a cui appartiene un elemento <input>.
  • Name: nome univoco utilizzato per fare riferimento all'elemento nel codice.
  • Place holder: suggerimento che descrive il valore previsto di un campo di input.
  • Pattern: espressione regolare rispetto alla quale viene convalidato il valore dell'elemento.
  • Title: informazioni aggiuntive su un elemento. Visualizzato come descrizione comandi.
  • Indice tabulazione: specifica la posizione dell'elemento corrente nell'ordine di tabulazione del documento corrente.

Elementi modulo con attributi modificati

  • Form No Validate: selezionate questa opzione per disattivare la convalida del modulo. Questa selezione ha la priorità sull'attributo No Validate a livello di modulo.
  • Form Enc Type: un tipo MIME con cui un agente utente deve associare questo elemento per l'invio del modulo.
  • Form Target: un nome o una parola chiave del contesto di navigazione che rappresenta la destinazione del controllo.
  • Accept charset: specifica le codifiche caratteri usate per l'invio del modulo.
Nota:

i collegamenti per gli attributi contengono informazioni su tutti gli attributi elencati nelle specifiche HTML5. Non tutti questi attributi sono presenti nel pannello Proprietà. Potete utilizzare la vista Codice per aggiungere attributi che non sono presenti nel pannello.

Elemento modulo Nuovi attributi specifici dell'elemento Descrizione degli attributi
Text Field List http://www.w3.org/TR/html-markup/input.text.html
Button <Nessun nuovo attributo specifico> http://www.w3.org/wiki/HTML/Elements/button
Check Box <Nessun nuovo attributo specifico> http://www.w3.org/TR/html-markup/input.checkbox.html
File Multiple http://www.w3.org/TR/html-markup/input.file.html
Form No validate, Accept charset http://www.w3.org/TR/2012/WD-html-markup-20120329/form.html
Hidden <Nessun nuovo attributo specifico> http://www.w3.org/TR/2012/WD-html-markup-20120329/input.hidden.html
Password <Nessun nuovo attributo specifico> http://www.w3.org/TR/html-markup/input.password.html
Image Width, Height, Action, Method, Form no Validate, Form Enc Type, Form target. http://www.w3.org/TR/html-markup/input.image.html
Reset <Nessun nuovo attributo specifico> http://dev.w3.org/cvsweb/html5/markup/button.reset.html
Submit Form No Validate, Form Enc type, Form target, Action, Tab Index, Method. http://www.w3.org/TR/html-markup/input.submit.html
Radio <Nessun nuovo attributo specifico> http://www.w3.org/TR/html-markup/input.radio.html
Text Area Rows, Cols, Place Holder, Wrap, Max Length, Tab Index http://www.w3.org/TR/html-markup/textarea.html
Select Size http://www.w3.org/wiki/HTML/Elements/select

Elementi modulo HTML5

Elemento modulo Disponibile in Descrizione Descrizione degli attributi
Color 12.2 Per i campi di input che devono contenere un colore. http://www.w3.org/TR/html-markup/input.color.html
Date 12.2 Controllo che aiuta l'utente a selezionare una data. http://www.w3.org/TR/html-markup/input.date.html
Date Time 12.2 Consente all'utente di selezionare una data e un'ora (con il fuso orario). http://www.w3.org/TR/html-markup/input.datetime.html
Date Time Local 12.2 Consente all'utente di selezionare una data e un'ora (senza fuso orario) http://www.w3.org/TR/html-markup/input.datetime-local.html
Month 12.2 Consente all' utente di selezionare un mese e un anno. http://www.w3.org/TR/html-markup/input.month.html
Number 12.2 Per i campi che devono contenere solo numeri. http://www.w3.org/TR/html-markup/input.number.html
Range 12.2 Per i campi che devono contenere valori appartenenti a un intervallo di numeri. http://www.w3.org/TR/html-markup/input.range.html
Time 12.2 Consente all' utente di selezionare un'ora. http://www.w3.org/TR/html-markup/input.time.html
Week 12.2 Consente all' utente di selezionare una settimana e un anno. http://www.w3.org/TR/html-markup/input.week.html
E-mail 12.1 Controllo per la modifica di un elenco di indirizzi e-mail indicati nel valore dell'elemento. http://www.w3.org/TR/html-markup/input.email.html
Search 12.1 Controllo di modifica costituito da testo semplice su una riga singola, per l'immissione di uno o più termini di ricerca. http://www.w3.org/TR/html-markup/input.search.html
Telephone (Tel) 12.1 Controllo di modifica costituito da testo semplice su una riga singola, per l'immissione di un numero di telefono. http://www.w3.org/TR/html-markup/input.tel.html
URL 12.1 Controllo per la modifica di un URL assoluto fornito nel valore dell'elemento. http://www.w3.org/TR/html-markup/input.url.html

Altri argomenti correlati

Ottieni supporto in modo più facile e veloce

Nuovo utente?