Five tips on Div + CSS page layout

Source: Internet
Author: User

1. Move and select form text input:

In the text input column, if a prompt is added, visitors usually need to select and delete it with the mouse, and then enter useful information. In fact, you only need to add onmouseover = "This. Focus ()" onfocus = "This. Select ()" Code In <textarea>, everything becomes much simpler, for example: Copy code The Code is as follows: <textarea name = textarea wrap = Virtual rows = 2 Cols = 22 onmouseover = "this. focus () "onfocus =" this. select () "> input English .. </textarea>

Similarly, you can add the code to <input>.

2. Click Delete in the input unit of the form:

This column is similar to the preceding one. It only changes slightly with the mouse. You need to click it instead of overwrite it with the mouse. For example:

<Input type = text name = "Address" size = 19 value = "Enter, e-mail..." onfocus = "This. value ='' ">
After you click "input unit", the system prompts that the information will be deleted, which is convenient.

3. Border settings of the form input unit:

Changing the border of a traditional form unit will make your home page quite 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 ">
Here, "style = ***" is set for left and right upper and lower and background color. It applies to other units. Please try it yourself.

4. Text settings of the form input unit:

The font of a unit in a form can be modified, for example:
<Input type = text name = "Address" size = 19 value = "Enter, e-mail... "Style = font-family:" verdana "; font-size: 10px>
"Style = ***" indicates the font and font size.

5. Modify the form attribute to the pop-up window:

After most forms are activated, they are opened on the current page, affecting normal browsing. It is better to modify it, for example:
<Form method = post action = URL target = _ blank>
"Target = _ blank" is displayed in the pop-up window.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.