A few tips for CSS to design Web forms that conform to the standards

This article summarizes the use of Div CSS Web page form layout Five tips to help you more flexible control of the form, so that the page more satisfied.

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, just add onmouseover= "This.focus ()" onfocus= "This.select ()" Code to <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, 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" "onfocus=" ">

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.