Este exemplo aprende principalmente dois parâmetros OnBlur e Onfocus. Como esses dois parâmetros raramente são encontrados antes, o Baidu entende que o Onblur é um evento acionado quando o controle perde o foco, e o OnFocus é um evento acionado quando se torna o foco de entrada. Ambos os parâmetros podem ser combinados com o ClassName para chamar diretamente o nome da classe da folha de estilo.
<! http://www.w3.org/tr/html4/loose.dtd> <html> <head> <meta http-equiv = content-type content = text/html; charset = gb2312> <Title> </title> </head> <Body> <tipo de estilo = texto/css> .input1 { Fonte-família: Verdana; cor de fundo: #eeeeee; fronteira: #fffff 1px sólido; borda-left: #ccccccc 1px sólido; borda-direita: #ffff 1px sólido; top de borda: #cccccc 1px sólido; font-size: 12px; } .Input1-Bor { Fonte-família: Verdana; cor de fundo:#f0f8ff; font-size: 12px; Border: 1px Solid #333333;} </style> <Table CellPacing = 2 CellPading = 0 Largura = 300 borda = 0> <tr> <td> <font class = en1> Nome: </font> </td> <Td> <tamanho de entrada = 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> <tamanho de entrada = 40 name = email class = input1 onblur = this.className = 'input1' onfocus = this.classname = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> site: </font> </td> <td> <tamanho de entrada = 40 nome = url class = input1 onblur = this.className = 'input1' onfocus = this.className = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> Tema: </font> </td> <Td> <tamanho de entrada = 40 name = sujeito classe = input1 onblur = this.className = 'input1' onfocus = this.classname = 'input1-bor'> </td> </tr> <tr> <td> <font class = en1> Conteúdo: </font> </td> <td> <nome da textAea = mensagem linhas = 5 cols = 35 class = input1 onblur = this.className = 'input1' onfocus = this.classname = 'input1-bor'> </sexttarea> </td> </tr> </ tabela> </body> </html> |