Come creare pulsanti di forma che l'immissione di testo nei campi di testo

May 25

forme di testo HTML permettono agli utenti di inserire e inviare informazioni a voi dal tuo sito web. Attraverso l'uso di campi di testo, pulsanti di opzione, menu a discesa e pulsanti standard, un utente ha una varietà di opzioni di comunicazione con voi. Se si dispone di un modulo sul tuo sito web con i campi di testo, è possibile utilizzare un tasto o una serie di pulsanti per consentire all'utente di compilare questi campi con testo prestabilito. Questo viene fatto usando i tag HTML in combinazione con JavaScript "OnClick"

istruzione

1 Avviare il programma di editing HTML. Se non si dispone di un editor HTML sul computer, fare clic sul collegamento "Editor HTML liberi" nella sezione "Risorse". Scaricare e installare l'editor HTML di vostra scelta utilizzando le opzioni del programma di default.

2 Aprire un documento HTML esistente oppure fare clic su "File" e "Nuovo" per creare uno.

3 Digitare "<form action = '#' name = 'ourform'>" per inserire il modulo tag di apertura, che indica che le righe seguenti sono tutti parte della stessa forma. Premere Invio."

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

5 Tipo "<input type = 'text' name = 'campo di testo' width = '25 '>" per creare il campo di testo che verrà popolata da testo quando l'utente fa clic sul pulsante (s) creato al punto 4.

6 Tipo "</ form>" per chiudere il tag form.

7 Fare clic sul menu "File" e fare clic su "Salva". Digitare un nome salvare e selezionare un percorso sul computer in cui salvare il documento HTML, se necessario.

8 Fare doppio clic sul documento HTML creato (o modificati) nei passaggi precedenti per lanciarlo nel browser Web predefinito. Testare il nuovo modulo facendo clic sul pulsante (s) nella pagina per popolare il campo di testo.