Search code examples
htmltextboxhidebehind

Hiding TextBox behind a DIV by using z-index property


Is there any way to hide the text box behind a DIV ?

I have a textbox which is supposed to be disabled so that user can not change the text. But i have onclick() event on the same textbox. If i am using "disabled-disabled" then onclick event is not working.

So, i am trying to make a DIV of same size with its z-index value higher then textbox so that onclick event can fire.

Please suggest me the better option. Thanks in advance.

Regards Lokesh Yadav


Solution

  • To prevent the user from changing the text in the textarea, why not use the readonly property?