Two-point form interaction Experience Improvement skills

Source: Internet
Author: User

I think you have used forms on the page. If you are not satisfied with the monotonous form control unit, take a look at the following tips:

1. Move selection of form text input: In the text input column, if a prompt is added, visitors often 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 ()"CodeIn <textarea>, everything becomes much simpler, for example:<Textarea name = "textarea" Wrap = "virtual" rows = "2" Cols = "22" onmouseover = "this. focus () "onfocus =" this. select () "> input English .. <br/>
[Ctrl + A select all Note: If you need to introduce external JS, You need to refresh it to execute]

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 rather than overwrite it with the mouse. For example:<Input type = "text" name = "Address" size = "19" value = "Enter, e-mail..." onfocus = "This. value ='' ">
[Ctrl + A select all Note: If you need to introduce external JS, You need to refresh it to execute]

After you click "input unit", the system prompts that the information will be deleted, which is convenient.

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.