Web design tips on form input boxes
|
1. Dashed box when cancel button is pressed <br /> Add attribute value hideFocus or HideFocus=true in input 2. Read-only text box content Add the attribute value readonly to the input 3. Prevent the TEXT document from being cleared after going back (the style content can be used as a class reference) <INPUTstyle=behavior:url(#default#savehistory);type=textid=oPersistInput> 4. The ENTER key moves the cursor to the next input box <inputonkeydown="if(event.keyCode==13)event.keyCode=9"> 5. Only Chinese (flashing) <inputonkeyup="value=value.replace(/[-~]/g,'')"onkeydown="if(event.keyCode==13)event.keyCode=9"> 6. Only numbers (flashing) <inputonkeyup="value=value.replace(/[^/d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"> 7. Only numbers (no flashing) <inputstyle="ime-mode: disabled"onkeydown="if(event.keyCode==13)event.keyCode=9"onKeyPress="if((event.keyCode<48||event.keyCode>57))event.returnValue=false"> 8. Only English and numbers can be entered (with flashing) <inputonkeyup="value=value.replace(/[/W]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"> 9. Block input method <inputtype="text"name="url"style="ime-mode:disabled"onkeydown="if(event.keyCode==13)event.keyCode=9"> 10. Only numbers, decimal points, and minus signs (-) can be entered (no flashing) <inputonKeyPress="if(event.keyCode!=46&&event.keyCode!=45&&(event.keyCode<48||event.keyCode>57))event.returnValue=false"> 11. Only two decimal places or three decimal places can be entered (flashing) <inputmaxlength=9onkeyup="if(value.match(/^/d{3}$/))value=value.replace(value,parseInt(value/10));value=value.replace(//./d*/./g,'.')"onKeyPress="if((event.keyCode<48||event.keyCode>57)&&event.keyCode!=46&&event.keyCode!=45||value.match(/^/d{3}$/)||//./d{3}$/.test(value)){event.returnValue=false}"id=text_kfxename=text_kfxe> |
>>: Use of MySQL SHOW STATUS statement
Recommend
Detailed explanation of how Angular handles unexpected exception errors
Written in front No matter how well the code is w...
How to use Lottie animation in React Native project
Lottie is an open source animation library for iO...
Implementation of vue+drf+third-party sliding verification code access
Table of contents 1. Background 2. Verification p...
Introduction to Linux system swap space
Swap space is a common aspect of computing today,...
Practical TypeScript tips you may not know
Table of contents Preface Function Overloading Ma...
Problems and solutions for deploying Nginx+KeepAlived cluster dual-active architecture in VMware
Preface Use nginx for load balancing. As the fron...
Is it true that the simpler the web design style, the better?
Original address: http://www.webdesignfromscratch...
Solution to secure-file-priv problem when exporting MySQL data
ERROR 1290 (HY000) : The MySQL server is running ...
js uses Canvas to merge multiple pictures into one implementation code
Solution function mergeImgs(list) { const imgDom ...
Detailed explanation of virtual DOM and diff algorithm in react
The role of virtual DOM First of all, we need to ...
Introduction to the properties of B-Tree
B-tree is a common data structure. Along with him...
Native js encapsulation seamless carousel function
Native js encapsulated seamless carousel plug-in,...
A brief analysis of the differences between px, rem, em, vh, and vw in CSS
Absolute length px px is the pixel value, which i...
JavaScript timer to achieve limited time flash sale function
This article shares the specific code of JavaScri...