Home >Web Front-end >CSS Tutorial >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
<textarea name=textarea wrap=virtual rows=2 cols=22 onmouseover="this.focus()" onfocus="this.select()"> input english..</textarea>
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:
<input type=text name="address" size=19 value="enter,e-mail..."onfocus="this.value=''">
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:
<input type=radio name=action value=subscribe checked style="border-bottom: dashed 1px; border-left: dashed 1px; border-right: dashed 1px; border-top: dashed 1px;background-color: #fef5c8">
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:
<input type=text name="address" size=19 value="enter,e-mail..." style=font-family:"verdana";font-size:10px >
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:
<form method=POST action=url target=_blank>
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)!