search

Home >Web Front-end >JS Tutorial >Two tips for improving the interactive experience of forms_Form special effects

Two tips for improving the interactive experience of forms_Form special effects

WBOY
WBOYOriginal
2016-05-16 19:19:021141browse

I believe everyone has used forms on the page. If you are not satisfied with the monotonous form control unit, you might as well take a look at the following tips:

1. Mobile selection of form text input: In the text input field, if A prompt has been added. Visitors often have to use the mouse to select and delete, and then enter useful information. In fact, as long as you add onMouseOver="this.focus()" onFocus="this.select()" code to
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh it to execute ]


Similarly, you can add 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. Such as:

[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute it ]

After clicking the input unit, a prompt The information will be deleted, isn't it very convenient?
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：nicejforms——Beautify the form without worrying_jqueryNext article：nicejforms——Beautify the form without worrying_jquery

Related articles

See more