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

DIV CSS form layout of the five tips is how, many novices are not very clear, 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 gain something.

And you focus on learning the use of DIV CSS form layout skills, including the mobile choice of form text input, form input unit click delete, form input unit border setting and so on five, through the learning of these skills can help you more flexible control of the form, so that the page is more satisfied.

Five Tips for DIV CSS form layout

1. Mobile selection of form text input:

In the text input field, if a prompt is added, visitors often have to use the mouse to select and delete, and then enter useful information. In fact, as long as you add the onMouseOver= "this.focus ()" onFocus= "this.select ()" code to it, everything will be much easier, such as:

ExampleSourceCode

InputEnglish..

Similarly, you can add code to.

2. Click to delete the input unit of the DIV CSS form:

The effect of this column is similar to that of the above, except that there is a slight change in the use of the mouse, which requires a click rather than as long as the mouse is covered. Such as:

ExampleSourceCode

After clicking on the input unit, the prompt message will be deleted, which is not very convenient.

3. The border setting of the input unit of DIV CSS form:

Changing the border of the traditional form unit will give your home page a lot of color. Such as:

ExampleSourceCode

Among them, "style=***" is set for left and right up and down and background color, which is suitable for other units. Please try it yourself.

4. The text setting of DIV CSS form input unit:

The font of the cells in the form can be modified, such as:

ExampleSourceCode

Where "style=***" is set for font and word size.

5. Modify the DIV CSS form property to a pop-up window:

When most forms are activated, they open on the current page, affecting normal browsing. Why not modify it, such as:

ExampleSourceCode

Where "target=_blank" opens in a pop-up window for control.

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.