HTML form problems_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2023-01-10 13:01 出处：网络

Here is my code : <body onload=\"read()\"> <div class=\"style1\" id=\"Layer3\"> <textarea name=\"textarea\" cols=\"30\" rows=\"5\" id=\"msg\" ></textarea>

相关专题：

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.