Style trigger effect of web page input box
|
<br />This example mainly studies two parameters, onblur and onFocus. Because these two parameters were rarely encountered before, Baidu immediately understood that onblur is an event triggered when the control loses focus, and onFocus is an event triggered when it becomes the input focus. These two parameters can be combined with className to directly call the style sheet class name. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> </head> <body> <style type="text/css"> .input1{ font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px; } .input1-bor { font-family:verdana;background-color:#F0F8FF;font-size: 12px; border: 1px solid #333333;} </style> <table cellspacing=2 cellpadding=0 width=300 border=0> <tr> <td><font class="en1">Name:</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">Website:</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">Topic:</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> |
<<: Docker and Docker-compose one-click installation tutorial (supports online and offline)
>>: Solution to navicat automatically disconnecting from the database after a period of time
Recommend
Detailed tutorial for upgrading zabbix monitoring 4.4 to 5.0
1. Zabbix backup [root@iZ2zeapnvuohe8p14289u6Z /]...
Detailed explanation of the usage of the rare tags fieldset and legend
When it comes to <fieldset> and <legend&...
CSS3 overflow property explained
1. Overflow Overflow is overflow (container). Whe...
Detailed explanation of the usage of position attribute in HTML (four types)
The four property values of position are: 1.rel...
MySQL backup table operation based on Java
The core is mysqldump and Runtime The operation i...
Tkinter uses js canvas to achieve gradient color
Table of contents 1. Use RGB to represent color 2...
Sharing some details about MySQL indexes
A few days ago, a colleague asked me a question a...
How to install mysql8.0.23 under win10 and solve the problem of "the service does not respond to the control function"
Install mysql under win10 1. Download MySQL from ...
Mysql database recovery actual record by time point
Introduction: MySQL database recovery by time poi...
8 essential JavaScript code snippets for your project
Table of contents 1. Get the file extension 2. Co...
Installation and use of mysql on Ubuntu (general version)
Regardless of which version of Ubuntu, installing...
MySQL paging query optimization techniques
In applications with paging queries, queries that...
Before making a web page, let’s take a look at these so-called specifications
This article has compiled some so-called specific...
Using keras to judge SQL injection attacks (example explanation)
This article uses the deep learning framework ker...
Common errors and solutions for connecting Navicat to virtual machine MySQL
Question 1 solve Start the service: service mysql...