よく使用されるいくつかのコントロール (新しく追加された DHTML コントロール)_JavaScript スキルを送信することをお勧めします

注: Windows の組み込みコントロールが直接使用されるため、次のコードでは互換性の問題は考慮されていません。ページを正常に表示するには、ブラウザで ActiveX を有効にする必要があります。
1.Microsoft マスクされた編集コントロール、バージョン 6.0

<title> Microsoft マスクされた編集コントロール、バージョン 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 すべて選択 注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]

2 .Microsoft 日付と時刻ピッカー コントロール、バージョン 6.0

<title> </title> Microsoft 日付と時刻の選択コントロール、バージョン 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 すべて選択 注:
外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

コードベースがインストールされないように追加します。コードベースを渡したユーザーは次も使用できます。3.Microsoft Slider Control、バージョン 6.0 <title> </title> Microsoft スライダー コントロール、バージョン 6.0 <input type="text" id="currentValue"> <input type="button" value="设值" onclick="setValue()"> <br> 現在の値: <input type="text" id="maxValue"> <input type="button" value="设值" onclick="setMax()"><br> 最大値: <object id="Slider" width="300" classid="CLSID:F08DF954-8592-11D1-B16A-00C0F0283628"> </object>

[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、更新して実行する必要があります ]4 Microsoft Common Dialog Control バージョン 6.0 <title></title> <input type="button" value="打开" onclick="showOpen()"> <input type="button" value="颜色" onclick="showColor()"> Microsoft Common Dialog Control、バージョン 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> [結果]：

[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]
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需刷新才能执行]