1

z-index を使用して、Web ページの同じ位置に 2 つのテキスト ボックスを配置しました。

ページが読み込まれると、無効なテキスト ボックスの下にある有効なテキスト ボックスにカーソルがフォーカスされます。

Firefox は、無効化されたテキスト ボックスのみを表示し、カーソルを表示しません。

私の問題は、IEが無効なテキストボックスと有効なテキストボックスのカーソルの両方を表示することです。

Web ページに無効なテキスト ボックスのみを表示したい。IE でカーソルを非表示にする方法はありますか?

サンプルコーディングです...

<script>

   function FocusOnInput(){
       document.getElementById("hidden").focus();
    }

    function show(field){
        var value = field.value;
        alert(value);
    }

</script>

<body onload="FocusOnInput()">
    <div>
      <input type="text" id="securityNo"
         name="txtsecurityNo" value=""
         size="30" style="position: absolute;z-index: 0" 
                 disabled="disabled"/>

      <input type="text" id="hidden"
         name="txthidden" value=""                      
         onchange="show(this);" style="left: 0px;z-index: -1;"/>        
     </div>
</body>
4

0 に答える 0