Contoh ini terutama mempelajari dua parameter onblur dan onfocus. Karena kedua parameter ini jarang ditemui sebelumnya, Baidu memahami bahwa Onblur adalah peristiwa yang dipicu ketika kontrol kehilangan fokus, dan Onfocus adalah peristiwa yang dipicu ketika menjadi fokus input. Kedua parameter dapat dikombinasikan dengan ClassName untuk secara langsung memanggil nama kelas Sheet Style.
<! Doctype html public -// w3c // dtd html 4.01 transisi // en http://www.w3.org/tr/html4/loose.dtd> <Html> <head> <meta http-equiv = konten-tipe konten = teks/html; Charset = GB2312> <title> </title> </head> <body> <Tipe Gaya = Teks/CSS> .input1 { Font-Family: Verdana; Latar Belakang-Color: #eeeeee; Border-Bottom: #FFFFF 1PX SULIT; BORDER-LEFT: #CCCCCC 1PX SOLID; Border-Right: #FFFFFF 1PX SOLID; BORDER-TOP: #CCCCCC 1PX SOLID; FONT-ISIES: 12PX; } .input1-bor { Font-Family: Verdana; latar belakang-warna:#f0f8ff; font-size: 12px; Perbatasan: 1px Solid #333333;} </tyle> <Table CellPacing = 2 CellPading = 0 Lebar = 300 Border = 0> <tr> <td> <font class = en1> Nama: </font> </td> <td> <input size = 40 name = name class = input1 onblur = this.classname = 'input1' onfocus = this.classname = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> email: </font> </td> <td> <input size = 40 name = email class = input1 onblur = this.classname = 'input1' onfocus = this.classname = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> situs web: </font> </td> <td> <input size = 40 name = URL class = input1 onblur = this.classname = 'input1' onfocus = this.classname = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> tema: </font> </td> <td> <input size = 40 name = Subjek class = input1 onblur = this.classname = 'input1' onfocus = this.classname = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> konten: </font> </td> <td> <name TextAreA = Baris pesan = 5 cols = 35 class = input1 onblur = this.className = 'input1' onfocus = this.classname = 'input1-bor'> </textarea> </td> </tr> </tabel> </body> </html> |