Note: Because windows built-in controls are used directly, the following code does not consider compatibility issues. To make the page display normally, you need to enable ActiveX in the browser.
1. Microsoft Masked Edit Control, version 6.0.
<! Doctype html public "-// W3C // dtd html 4.0 Transitional // EN"> <HTML> <HEAD> <TITLE> Microsoft Masked Edit Control, version 6.0 </TITLE> </HEAD> <BODY onload = "init () "> <input type =" text "id =" result "readonly \> <input type =" button "value =" value "onclick =" getValue () "\> <BR \> <object id =" MaskEdit "WIDTH =" 160 "HEIGHT =" 25 "CLASSID =" CLSID: c932BA85-4374-101B-A56C-00AA003668DC> </OBJECT> </BODY> </HTML>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
2. Microsoft Date and Time Picker Control, version 6.0
<! Doctype html public "-// W3C // dtd html 4.0 Transitional // EN"> <HTML> <HEAD> <TITLE> Microsoft Date and Time Picker Control, version 6.0 </TITLE> </HEAD> <BODY onload = "init () "> <object id =" DatePicker "WIDTH =" 120 "HEIGHT =" 25 "codebase =" http://activex.microsoft.com/controls/vb6/MSComCt2.cab "CLASSID =" CLSID: 20dd1b9e-87c4-11d1-8be3-450f8754da1 "> </OBJECT> </BODY> </HTML>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
Add codebase so that users who have not installed it can also use it...
3. Microsoft Slider Control, version 6.0
<! Doctype html public "-// W3C // dtd html 4.0 Transitional // EN"> <HTML> <HEAD> <TITLE> Microsoft Slider Control, version 6.0 </TITLE> </HEAD> <BODY onload = "init ()"> current value: <input type = "text" id = "currentValue" \> <input type = "button" value = "Set value" onclick = "setValue () "\> <BR \> maximum value: <input type = "text" id = "maxValue" \> <input type = "button" value = "Set value" onclick = "setMax () "\> <BR \> <object id =" Slider "WIDTH =" 300 "CLASSID =" CLSID: F08DF954-8592-11D1-B16A-00C0F0283628 "> </OBJECT> </BODY> </HTML>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
4. Microsoft Common Dialog Control, version 6.0.
<! Doctype html public "-// W3C // dtd html 4.0 Transitional // EN"> <HTML> <HEAD> <TITLE> Microsoft Common Dialog Control, version 6.0 </TITLE> </HEAD> <BODY> <input type = "button" value = "open" onclick = "showOpen () "\> <input type =" button "value =" color "onclick =" showColor () "\> <input type =" button "value =" save "onclick =" showSave () "\> <input type =" button "value =" help "onclick =" showHelp () "\> <input type =" button "value =" print "onclick =" showPrinter () "\> <input type =" button "value =" font "onclick =" showFont () "\> <BR \> [Result]: <BR \> <object id = "CDC" CLASSID = "CLSID: F9043C85-F6F2-101A-A3C9-08002B2F49FB"> </OBJECT> </BODY> </HTML>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
5. Microsoft TabStrip Control, version 6.0.
<! Doctype html public "-// W3C // dtd html 4.0 Transitional // EN"> <HTML> <HEAD> <TITLE> Microsoft TabStrip Control, version 6.0 </TITLE> </HEAD> <BODY onload = "init () "> <input type =" text "value =" "id =" result "\> <BR \> <object id =" TabStrip "WIDTH =" 400 "HEIGHT =" 300 "CLASSID =" CLSID: 1EFB6596-857C-11D1-B16A-00C0F0283628 "> </OBJECT> </BODY> </HTML>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
6. Microsoft ProgressBar Control, version 6.0.
<! Doctype html public "-// W3C // dtd html 4.0 Transitional // EN"> <HTML> <HEAD> <TITLE> Microsoft ProgressBar Control, version 6.0 </TITLE> </HEAD> <BODY onload = "init () "> <input type =" text "id =" result "\> <BR \> <object id =" ProgressBar "WIDTH =" 300 "HEIGHT =" 10 "CLASSID =" CLSID: 35053A22-8589-11D1-B16A-00C0F0283628 "> </OBJECT> </BODY> </HTML>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]