Editor  »  Guide  »  Guida FrontPage 

Il menu Modulo in FP2000 e vari tipo di moduli



Aprendo il menu Inserisci e selezionando Modulo possiamo scegliere di inserire un qualsiasi campo fra quelli messi a disposizione dallo standard HTML.

Casella di testo a riga singola
Casella di testo a scorrimento
Casella di controllo
Pulsante di opzione
Menù a discesa

Se inseriamo un campo modulo e non abbiamo ancora creato un Area modulo FP2000 la creerà automaticamente intorno al campo modulo inserito.

Possiamo notare che FP2000 crea automaticamente l'area modulo perché aggiunge i due pulsanti e . FP2000 visualizza l'area modulo come un rettangolo tratteggiato che incorpora gli eventuali campi modulo ed i pulsanti Invia e Reimposta.

A questo punto è necessario assegnare ad ogni campo modulo un nome che lo contraddistingua in seguito. Facciamo clic destro su di esso e scegliamo Proprietà campo modulo.

figura

Nella casella Nome digitiamo, appunto, il nome da assegnare a quel campo.

La casella Valore iniziale ci permette di inserire del testo che verrà visualizzato al futuro navigatore all'interno del campo modulo. Ovviamente il visitatore potrà cancellarlo e sostituirlo con le proprie informazioni.

Ecco un esempio:

Le caselle Larghezza in carattere e Numero di righe permettono di impostare le dimensioni del modulo.

La casella Ordine di tabulazione, invece, permette di stabilire la priorità sequenziale dei vari campi modulo. Questa priorità verrà seguita quando l'utente userà il tasto Tab della tastiera per spostarsi tra i vari campi modulo.

Il pulsante Convalida apre la seguente finestra che permette di impostare eventuali restrizioni relative ai dati immessi.

figura

L'impostazione delle restrizioni è abbastanza intuibile e non necessita di ulteriori chiarimenti.

Qualora il futuro navigatore inserirà nel campo modulo delle informazioni che non rispettano le restrizioni verrà visualizzata una finestra di dialogo che lo informa dell'errore.

Ultimi articoli Editor

Adobe Edge, la prima animazione HTML5

Come creare una animazione HTML5 con Adobe Edge, esempio completo

Adobe Edge, l'interfaccia

Esaminiamo pannelli e menu del tool gratuito di Adobe per la...

Trasformazioni XSLT in Dreamweaver 8

Primo sguardo agli strumenti XML: trasformare un feed RSS

Layout senza tabelle con Dreamweaver 8

Esaminiamo gli strumenti CSS avanzati del software di Adobe/Macromedia

Il nuovo Dreamweaver 8

Panoramica delle principali novità dell'ultima release del popolare...

Altri articoli

Guide Editor

Guida WebMatrix

Entrare nel mondo dello sviluppo di applicazioni Web con Webmatrix,...

Guida Notepad++

Un editor testuale che funziona perfettamente anche come editor HTML...

Guida Aptana

Creare siti Web o applicazioni con Aptana, l'editor open source,...

Altre guide

Newsletter @Daily HTML.it

Ogni mattina, dal lunedì al venerdì, le novità pubblicate su tutti i siti tecnici del network HTML.it: articoli, guide, notizie dal Web, blog e molto altro.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

27 Febbraio 2012 a Milano
Disponibilità: 7 Posti

Corso Webmaster base

12 Marzo 2012 a Milano
Disponibilità: 6 Posti

Corso Webmaster base

20 Febbraio 2012 a Roma
Disponibilità: 7 Posti

Corso Google AdWords Base

28 Marzo 2012 a Roma
Disponibilità: 7 Posti