Hide cursor in textbox

Question

I placed two textboxes at the same position of the web page using z-index.

When page is loaded, the cursor will focus in the enabled textbox that is located under the disabled textbox.

Firefox shows only the disabled textbox and doesn't show the cursor.

My problem is that IE shows both disabled textbox and the cursor in the enabled textbox.

I want to show only the disabled textbox in my webpage. Is there any way to hide the cursor in IE?

It is sample coding...

<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>

@PraveenKumar He wants to prevent blinking cursor if focused a disabled textarea, now that's what I've understood :P — Mr. Alien, May 09 '13 at 11:28
The cursor is the arrow you move around the screen, it's probably the caret! Otherwise you can hide the cursor with CSS when hovering the textbox ;-) .... — adeneo, May 09 '13 at 11:30
@Mr.Alien yes, I want to prevent blinking cursor if focused a disabled textbox. — Java Learner, May 09 '13 at 11:31
This seems more of a browser feature / issue. Dude, move on... :) — Praveen Kumar Purushothaman, May 09 '13 at 11:34
I don't get why you have two text fields on top of each other in the first place. — JJJ, May 09 '13 at 11:36
Have you considered using `type="password"` instead? You're going to run into a lot of problems with the current implementation. — JJJ, May 09 '13 at 11:58
@Juhana enabled textbox will get data from qrcode scanner and send the data to server. When server will send data back, Disabled textbox will receive. Reason is I don't want to show data in the enabled textbox when scanning by qrcode scanner. — Java Learner, May 09 '13 at 11:58
Yeah, there are probably dozens of better ways to handle that. Use a password field, or make the field zero pixels wide/high, or use a hidden field where you copy input, ... — JJJ, May 09 '13 at 12:01
@Juhana yes, you are right and thanks a lot. I make the field zero pixels wide/high and it is ok for me now. :) — Java Learner, May 09 '13 at 12:15
Just to clarify those ragging down on the "cursor" - back in the old DOS and command-line UNIX systems, *the cursor* was what you kids now call "caret". So stop it. — Jesse, May 09 '13 at 15:26

Hide cursor in textbox

0 Answers0