Nwlapcug.com


Come creare pulsanti di forma che il testo nei campi di testo di Input

Moduli di testo HTML consentono agli utenti inserire e inviare le informazioni a voi dal vostro sito Web. Attraverso l'utilizzo di campi di testo, pulsanti, menu a discesa e pulsanti standard, un utente ha una varietà di opzioni nel comunicare con voi. Se si dispone di un modulo sul tuo sito Web con campi di testo, è possibile utilizzare un pulsante o una serie di pulsanti per consentire all'utente di compilare questi campi con testo predeterminato. Questa operazione viene eseguita utilizzando i tag HTML in combinazione con il codice JavaScript "OnClick"

Istruzioni

1

Lanciare il vostro programma di editing HTML. Se non avete un editor HTML sul tuo computer, clicca sul link "Free HTML Editor" nella sezione "Risorse". Scaricare e installare l'editor HTML di vostra scelta utilizzando le opzioni del programma predefinito.

2

Aprire un documento HTML esistente o fare clic su "File" e "New" per crearne uno.

3

Tipo "< forma azione = '#' name = 'ourform' >" per inserire il modulo di tag, che indica che le righe seguenti sono tutti parte dello stesso modulo di apertura. Premere "Enter".

4

Tipo "< tipo input = valore 'pulsante' = 'questo è il nostro testo di esempio' OnClick="document.ourform.textfield.value = 'questo è il nostro testo di esempio' ">" quindi premere "Invio". Questa riga crea un pulsante con "questo è il nostro testo di esempio" scritto su di esso e compilerà un campo di testo denominato "textfield" con lo stesso messaggio. Questo passaggio può essere ripetuto con testo diverso, invece di "questo è il nostro testo di esempio," per creare pulsanti aggiuntivi che popoleranno il campo di testo stesso. Durante la creazione di pulsanti aggiuntivi, è necessario modificare il testo "questo è il nostro testo di esempio" in entrambe le parti del codice (dopo il "valore" e dopo "document.ourform.textfield.value").

5

Tipo "< tipo input = 'text' name = 'textfield' width = '25' >" per creare il campo di testo che verrà popolato di testo quando l'utente fa clic i pulsanti creati nel passaggio 4.

6

Digitare "< / form >" per chiudere il tag form.

7

Fare clic sul menu "File" e fare clic su "Salva". Digitare in un salvataggio nome e selezionare una posizione sul tuo computer per salvare il documento HTML, se necessario.

8

Fare doppio clic il documento HTML creato (o modificato) nei passaggi precedenti per lanciarlo nel browser web predefinito. Prova il nuovo modulo cliccando i pulsanti nella pagina per compilare il campo di testo.