It is recommended to send several commonly used controls (newly added DHTML control)_javascript skills

Note: Since Windows built-in controls are used directly, the following code does not consider compatibility issues. To display the page normally, you need to enable ActiveX in the browser.
1.Microsoft Masked Edit Control, version 6.0

<title> Microsoft Masked Edit Control, version 6.0 </title> <input type="text" id="result" readonly> <input type="button" value="取值" onclick="getValue()"> <br><br> <object id="MaskEdit" width="160" height="25" classid="CLSID:C932BA85-4374-101B-A56C-00AA003668DC"> </object>
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute

]

2.Microsoft Date and Time Picker Control, version 6.0

<title> </title> Microsoft Date and Time Picker Control, version 6.0 <object id="DatePicker" width="120" height="25" codebase="http://activex.microsoft.com/controls/vb6/MSComCt2.cab" classid="CLSID:20DD1B9E-87C4-11D1-8BE3-0000F8754DA1"> </object> <div id="result"> </div>

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

Add codebase so that it is not installed Users who have passed it can also use... 3.Microsoft Slider Control, version 6.0 <title> </title> Microsoft Slider Control, version 6.0 <input type="text" id="currentValue"> <input type="button" value="设值" onclick="setValue()"> <br> Current value: <input type="text" id="maxValue"> <input type="button" value="设值" onclick="setMax()"><br> Maximum value: <object id="Slider" width="300" classid="CLSID:F08DF954-8592-11D1-B16A-00C0F0283628"> </object>

[Ctrl A Select all Note:

If you need to introduce external Js, you need to refresh to execute ]4. Microsoft Common Dialog Control , version 6.0 <title></title> <input type="button" value="打开" onclick="showOpen()"> <input type="button" value="颜色" onclick="showColor()"> Microsoft Common Dialog Control, version 6.0 <input type="button" value="保存" onclick="showSave()"> <input type="button" value="帮助" onclick="showHelp()"> <input type="button" value="打印" onclick="showPrinter()"> <input type="button" value="字体" onclick="showFont()"> <br> <br> <br> <div id="result" width="100%"> </div> <object id="CDC" classid="CLSID:F9043C85-F6F2-101A-A3C9-08002B2F49FB"></object> [result]:

[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute ]
5.Microsoft TabStrip Control, version 6.0

<title> Microsoft TabStrip Control, version 6.0 </title> <input type="text" value="" id="result"> <br> <object id="TabStrip" width="400" height="300" classid="CLSID:1EFB6596-857C-11D1-B16A-00C0F0283628"> </object> <script language="JavaScript"> <!-- function init(){ TabStrip.Tabs.Clear(); TabStrip.MultiRow=true; // TabStrip.Tabs.Add ([pvIndex],[pvKey],[pvCaption],[pvImage]); TabStrip.Tabs.Add (1, "tab1", "笔"); TabStrip.Tabs.Add (2, "tab2", "墨"); TabStrip.Tabs.Add (3, "tab3", "纸"); TabStrip.Tabs.Add (4, "tab4", "砚"); } //--> </script> <script language="JavaScript" for="TabStrip" event="Click"> <!-- result.value = TabStrip.SelectedItem.Caption; //--> </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

6.Microsoft ProgressBar Control, version 6.0

<title> Microsoft ProgressBar Control, version 6.0 </title> <input type="text" id="result"> <br> <object id="ProgressBar" width="300" height="10" classid="CLSID:35053A22-8589-11D1-B16A-00C0F0283628"> </object> <script language="JavaScript"> <!-- function init(){ ProgressBar.Max = 100; setInterval ("Progressing()",100); } function Progressing(){ if (ProgressBar.Value<ProgressBar.Max) { ProgressBar.Value++; result.value = ProgressBar.Value * 100 / ProgressBar.Max + "%" ; } } //--> </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]