HTML form problems
Here is my code :
<body onload="read()">
<div class="style1" id="Layer3">
<textarea name="textarea" cols="30" rows="5" id="msg" ></textarea>
</div>
&l开发者_运维问答t;div id="Layer1">Hello World!<img src="body.jpg" width="842" height="559" /></div>
<div id="Layer2"><img src="close.jpg" alt="Go Online/Offline" name="close" width="63" height="64" id="close" OnClick="action()"/></div>
<div id="Layer4">
<input type="button" value="Send Line" onclick="sendline()" /></div>
<div id="Layer6" style="color:white;font-family:Segoe UI;font-size:16px;width:500px; height:400px; overflow:auto;"></div>
</body>
The problem that I'm facing is that there is no cursor appearing inside the textbox! Nor does the submit button seem to be clickable :S (the above code is a sub part of my whole page's code) Any guesses as to why these error are cropping up ?
Thanks!
It seems that you have float (or absolute positioned) div with transparent background that blocks mouse clicks
-- update
your #Layer6 has position:absolute css attribute, it hides your inputs behind itself using "position:absolute" to create page template is bad practice. but anyway you can try to put "Layer6" div before "Layer1" div to solve problem or play with "z-index" attributes in all your "layers"
Just some thoughts
1. Where is your <form> tag?
2. A textarea is not a textbox. Try <input type="text"...>
3. I tested this on firefox, and I saw a cursor in the text area...
Edit: You might want to tag this question as jquery as well, because I notice from your source because that's what you are using.
加载中,请稍侯......
精彩评论