Five tips for div css form layout_html/css_WEB-ITnose

Five tips for div css form layout can help you control the form more flexibly and make the page more satisfying.

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 it, 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:

Input English..

Similar, you can Add the code to .

2. Click to delete the form input unit:
This column has the same function as the above, but there is a slight change in using the mouse. You need to click instead of just covering it with the mouse. For example:

After clicking on the input unit, the prompt message will be deleted, isn’t it very convenient?

3. Border setting of form input unit:

Changing the traditional form unit border will make your homepage more colorful. For example:

Where "style=***" is the left, right, top, bottom and background color settings. It is suitable for other units. Please try it yourself.

4. Text setting of form input unit:

The font of the unit in the form can be modified, such as:

　Where "style=***" is the font and word Size settings.

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.