Shulou(Shulou.com)06/03 Report--

How to set the html form input box, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain in detail for you, people with this need can come to learn, I hope you can get something.

1. Click the Html code of the selected content in the input box:

Enter the content:

The most important part of this code is the onfocus part, which can be achieved with onclick without onfocus, such as onfocus= "this.select ()".

two。 Change the border color or background color when the mouse hovers over the input box

There are two ways to achieve this effect: method one is to use pseudo elements in CSS: method two of focus; or a small piece of html code of method one of javascript; is the same as in the above example, except that the following paragraph is added to the CSS:

Input:hover {border:1px solid # F00;}

When the mouse hovers over the input box, the input box border will turn red, but this method is only valid in Firefox browsers and above IE7, and IE6 does not support it, so it has some limitations. Most of the code in method 2 is the same as in the above example, except that a mouse hover code is added later:

Enter the content:

Most browsers can support this code.

3. Click the input box and the default text disappears

Another effect is that when the mouse clicks on the input box, the original default text disappears. If you enter other new content, and then move the mouse away, the new content of the input box remains the same; if you do not enter new content, the mouse leaves the input box and restores the default text. This effect can also be achieved by adding a short javascript judgment:

Enter the content:

The above three effects are relatively simple javascript applications, although they have gone beyond the scope of Html code, but mastering them brings great convenience to the application of Html and web page production, so when necessary, it is necessary to master some simple javascript.

Is it helpful for you to read the above content? If you want to know more about the relevant knowledge or read more related articles, please follow the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.