Five tips for a div CSS form layout

Core tip:div css form layout Five tips to help you more flexible control of the form, so that the page more satisfied.

The five tips for a div CSS form layout can help you more flexibly control the form and make the page more satisfying.

1, form text input mobile selection:

In the text entry field, if prompted, visitors often use the mouse to select and delete, and then enter useful information. In fact, as long as you add code to <textarea>, everything will be much simpler, such as:

<textarea name=textarea wrap=virtual rows=2 cols=22 中文版. </textarea>
Similarly, you can add code to <input>.

2, the form input unit clicks deletes:

This column is similar to the same effect, just use the mouse slightly changes, you need to click instead of as long as the mouse overlay. Such as:

<input type=text name= "Address" size=19 value= "Enter,e-mail ..." >
Click the input unit, the prompt information will be deleted, is not very convenient.

3, the form input cell border settings:

Changing the traditional table-only border will make your home page a lot more. 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 ">
where "style=***" for the left and right up and background color settings, for other units, please try the reader himself.

4, form input Unit text settings:

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

<input type=text name= "Address" size=19 value= "Enter,e-mail" style=font-family: "Verdana"; font-size:10px >

where "style=***" is the font and Word size settings.

5, modify the form properties for pop-up windows:

When most forms are active, they open in the current page, affecting normal browsing. Why not change it, such as:

<form method=post Action=url target=_blank>
where "Target=_blank" is opened for control in the pop-up window.