Five tips for div css page layout

this chapter will introduce you to five tips on div css page layout. it has certain reference value. friends in need can refer to it. i hope it will be helpful to you.

1. mobile selection for form text input:

in the text input field, if a prompt is added, visitors often have to use the mouse to select and then delete it. , and then enter useful information. in fact, as long as you add onmouseover="this.focus()" onfocus="this.select()" code to , everything will become much simpler, such as: <strong> </strong>

input english..

similarly, you can add code to .

2. click to delete the form input unit:

this column has the same function as the above, but there are slight changes when using the mouse. you need to click instead of the previous one. otherwise, it only needs to be covered by the mouse. for example:

after clicking the input unit, the prompt information will be deleted, isn't it very convenient?

3. border settings of form input units:
changing the traditional form unit borders will make your homepage more colorful. for example:

among them, "style=***" is the left, right, top, bottom and background color settings. it is applicable to other units. readers are asked to try it themselves.

4. text setting of form input unit:
the font of the unit in the form can be modified, such as:

5. modify the form properties to a pop-up window:

after most forms are activated, they will be opened in the current page, affecting normal browsing. it is better to modify it, such as:

where "target=_blank" controls opening in the pop-up window.

the above is the content of five tips for div css page layout. for more related content, please pay attention to the php chinese website (www.php.cn)!