Five tips for Div+css page layouts _ Experience Exchange

Five tips for div+css page layouts _ Experience Exchange

1. Mobile selection of form text input:

In the text input field, if you add a hint, the visitor will often have to use the mouse to select and delete, and then enter useful information. In fact, just add onmouseover= "This.focus ()" onfocus= "This.select ()" code into <textarea>, everything will be much simpler, such as:

<textarea name=textarea wrap=virtual rows=2 cols=22 onmouseover= "This.focus ()" onfocus= "This.select ()" >Input 中文版.. </textarea>

Similarly, you can add code to <input>.

2. Form Input Unit Click Delete:

The same as in this column, just use the mouse slightly change, need to click instead of as long as the mouse overlay. Such as:

<input type=text name= "Address" size=19 value= "Enter,e-mail ..." onfocus= "this.value=" ">

After clicking on the input unit, it is not convenient to prompt the message to be deleted.

　　3. The border setting of the form input unit:

Changing the traditional table-alone border will make your home page more or less. Such as:

<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 ">

Which "style=***" for the left and right up and back color settings, applicable to other units, please try the reader himself.

4. Form input Unit text setting:

The font of the cells 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 pop-up windows:

When most forms are activated, they are opened in the current page, affecting normal browsing. It is better to modify, such as:

<form method=post Action=url target=_blank>

where "Target=_blank" is opened for control in a pop-up window.

Above is div+css page layout of five tips _ experience Exchange content, more relevant content please pay attention to topic.alibabacloud.com (www.php.cn)!

