Home > Web Front-end > HTML Tutorial > Web Design Tips on Form Input Box Code_HTML/Xhtml_Web Page Production

Web Design Tips on Form Input Box Code_HTML/Xhtml_Web Page Production

WBOY
Release: 2016-05-16 16:45:29
Original
2319 people have browsed it

 1. The dotted frame when the cancel button is pressed
Add the attribute value hideFocus or HideFocus=true to the input
 2. Read-only text box content

Add attribute value readonly in input
 3. Prevent the TEXT document from being cleared after going back (the style content can be used as a class reference)


 4. The ENTER key can move the cursor to the next input box

 5. Only in Chinese (with flashing)

 6. Can only be numbers (with flashing)

 7. Can only be numbers (no flashing)
57))event.returnValue=false">

 8. Only English and numbers can be entered (with flashing)

9. Shield input method

 10. Only numbers, decimal points, minus signs (-) characters can be entered (no flashing)
57))event.returnValue=false">
11. Only two decimal places and three decimal places can be entered (with flashing)
57)&&event.keyCode!=46&&event.keyCode!=45||value.match(/^/d{3}$/)||//./d{3}$/.test(value)) {event.returnValue=false}"id=text_kfxename=text_kfxe>
Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template