Ultimo aggiornamento il
25 apr 2024
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.
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.
- Tab Index: 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 |
| Campo di testo | Elenco | http://www.w3.org/TR/html-markup/input.text.html |
| Pulsante | <Nessun nuovo attributo specifico> | http://www.w3.org/wiki/HTML/Elements/button |
| Casella di controllo | <Nessun nuovo attributo specifico> | http://www.w3.org/TR/html-markup/input.checkbox.html |
| File | Multipli | 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 |
| Nascosto | <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 |
| Immagine | Larghezza, altezza, azione, metodo, modulo senza convalida, tipo di codifica del modulo, destinazione del modulo. | http://www.w3.org/TR/html-markup/input.image.html |
| Ripristina | <Nessun nuovo attributo specifico> | http://dev.w3.org/cvsweb/html5/markup/button.reset.html |
| Invio | Form No Validate, Form Enc type, Form target, Action, Tab Index, Method. | http://www.w3.org/TR/html-markup/input.submit.html |
| Pulsante di opzione | <Nessun nuovo attributo specifico> | http://www.w3.org/TR/html-markup/input.radio.html |
| Area di testo | Righe, Colonne, Segnaposto, A capo, Lunghezza MAX, Indice scheda | http://www.w3.org/TR/html-markup/textarea.html |
| Seleziona | Dimensione | http://www.w3.org/wiki/HTML/Elements/select |
Elementi modulo HTML5
| Elemento modulo | Disponibile in | Descrizione | Descrizione degli attributi |
| Colore | 12.2 | Per i campi di input che devono contenere un colore. | http://www.w3.org/TR/html-markup/input.color.html |
| Data | 12.2 | Controllo che aiuta l'utente a selezionare una data. | http://www.w3.org/TR/html-markup/input.date.html |
| Data e ora | 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 |
| Data e ora locali | 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 |
| Mese | 12.2 | Consente all' utente di selezionare un mese e un anno. | http://www.w3.org/TR/html-markup/input.month.html |
| Numero | 12.2 | Per i campi che devono contenere solo numeri. | http://www.w3.org/TR/html-markup/input.number.html |
| Intervallo | 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 |
| Ora | 12.2 | Consente all' utente di selezionare un'ora. | http://www.w3.org/TR/html-markup/input.time.html |
| Settimana | 12.2 | Consente all' utente di selezionare una settimana e un anno. | http://www.w3.org/TR/html-markup/input.week.html |
| 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 | |
| Cerca | 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 |
| Telefono (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 contenuti simili
Crea splendidi siti web con Dreamweaver
Progetta, codifica e gestisci siti web dinamici con un potente strumento completo.
