Этот пример в основном изучает два параметра онкола и онфокуса. Поскольку эти два параметра редко встречаются ранее, Baidu понимает, что Onblur является событием, запускаемое, когда элемент управления теряет фокус, а Onfocus является событием, запускаемое, когда он становится фокусом ввода. Оба параметра могут быть объединены с названием ClassName, чтобы напрямую назвать имя класса листа стиля.
<! Doctype html public -// w3c // dtd html 4.01 Переход // en http://www.w3.org/tr/html4/loose.dtd> <html> <голова> <meta http-equiv = content-type content = text/html; charset = gb2312> <title> </title> </head> <тело> <стиль типа = текст/css> .Input1 { Семейство шрифта: Вердана; фоновый цвет: #eeeeeee; border-bottom: #fffff 1px твердое вещество; лоб границы: #cccccc 1px твердое вещество; правая граница: #fffff 1px твердый; } .Input1-bor { Фонд-семья: Verdana; фоновый цвет:#f0f8ff; font-size: 12px; Граница: 1px solut #3333333;} </style> <таблица сотока = 2 cellpading = 0 ширина = 300 граница = 0> <tr> <Td> <font class = en1> Имя: </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> электронная почта: </font> </td> <td> <input size = 40 name = antail class = input1 onblur = this.classname = 'input1' onfocus = this.classname = 'input1-bor'> </td> </tr> <tr> <Td> <font class = en1> Веб -сайт: </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> Тема: </font> </td> <td> <input size = 40 name = subject class = input1 onblur = this.classname = 'input1' onfocus = this.classname = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> content: </font> </td> <td> <textarea name = message rows = 5 cols = 35 class = input1 onblur = this.classname = 'input1' onfocus = this.classname = 'input1-bor'> </textarea> </td> </tr> </table> </body> </html> |