Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come modificare l'immissione di testo con Javascript

Molti sviluppatori web utilizzare JavaScript per modificare il metodo di scrittura di un utente dopo che ha i tipi in una casella di testo . Ad esempio, è possibile utilizzare JavaScript per rimuovere parole sgradevoli dal post di un utente del forum . Si può anche visualizzare un messaggio di saluto personale per un visitatore del sito dopo che lei entra nel suo nome su moduli di iscrizione. Dopo aver appreso alcuni comandi JavaScript , è possibile modificare il testo di input e formattarlo in base alle proprie esigenze . Questi comandi sono generici e funzionano in tutti i browser . Cose che ti serviranno
HTML Editor o Notepad
Show More Istruzioni
1

Creare un nuovo documento HTML .
2

Aggiungi questo codice alla sezione di corpo del documento :

< /h2 >

,


Questo crea una voce vuota e un elemento di casella di testo . Potrai inserire un nome nella casella di testo . ID sono facoltativi , ma li deve usare se si ha intenzione di modificare il contenuto di un elemento HTML con JavaScript
3

Aggiungi questo elemento pulsante qui sotto il testo dichiarazione scatola : .


Quando si fa clic sul pulsante , JavaScript cambierà il testo immesso e visualizzare il nuovo testo nel titolo e la casella di testo
4

Aggiungi questa funzione JavaScript per la sezione dello script del documento : .

funzione changeText ( ) {var headingObject = document.getElementById ( ' myHeading '); var textboxObject = document.getElementById ( ' myTextBox '); var Originaltext = textboxObject.value ; textboxObject.value = " Ciao " + Originaltext ; headingObject.innerHTML = "Testo modificato in - > Ciao "+ Originaltext ; }

Il " comando document.getElementById " recupera un elemento HTML e lo rende disponibile per JavaScript . In questo esempio , le due " comandi document.getElementById recuperare l'elemento di intestazione ( myHeading ) e l'elemento casella di testo ( MyTextBox ) . La funzione quindi ottiene il testo dalla casella di testo e aggiunge " Ciao " alla stringa . Infine, il " innerHTML "proprietà della testata e gli elementi della casella di testo vengono modificate .
5

Aprire il documento in un browser , immettere un nome nella casella di testo e fare clic sul pulsante . la funzione JavaScript aggiungerà " Ciao " al nome e aggiornare i contenuti dei due elementi HTML .

 

Programmazione © www.354353.com