首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML表单不接受输入

HTML表单不接受输入
EN

Stack Overflow用户
提问于 2013-11-24 00:42:41
回答 4查看 3.4K关注 0票数 2

表单显示在浏览器上,但是当我将光标滚动到文本字段上时,它不接受输入。这是如何引起的,我如何解决它?

代码语言:javascript
复制
    <html>
        <head>
            <title>Chemicals.ltd</title>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width">
        </head>
    <body>
      <!--> <div style='position:absolute;z-index:0;left:0;top:0;width:100%;height:100%'>
  <img src='C:\Users\Dell\Downloads\chem.jpg' style='width:100%;height:100%' alt='[]' />
</div><!-->
        <h2> Welcome to TOXIC TRADERS ! </h2>
        <p>We trade chemicals , for industrial or lab use.<br> Please enter Relevant info in the form </p>

        <form name="Details" action="/ChemControl" method="POST">
        Chemical Name: <input type="text" name="Chemical"><br>
        Hazard Level(No.): <input type="text" name="Hazard type"><br>
        Lab/Company Name: <input type="text" name="Lab Name" ><br>
        Serial No.: <input type="text" name="Serial No."><br>
        <input type="submit" value="Send Info">
        </form>      

    </body>
</html>
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-11-24 00:53:19

你正在用一个div覆盖你的表单,这会阻塞输入。删除它:

代码语言:javascript
复制
<html>
    <head>
        <title>Chemicals.ltd</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
    </head>
<body>
    <h2> Welcome to TOXIC TRADERS ! </h2>
    <p>We trade chemicals , for industrial or lab use.<br> Please enter Relevant info in the form </p>

    <form name="Details" action="/ChemControl" method="POST">
    Chemical Name: <input type="text" name="Chemical"><br>
    Hazard Level(No.): <input type="text" name="Hazard type"><br>
    Lab/Company Name: <input type="text" name="Lab Name" ><br>
    Serial No.: <input type="text" name="Serial No."><br>
    <input type="submit" value="Send Info">
    </form>      

</body>

票数 2
EN

Stack Overflow用户

发布于 2013-11-24 00:50:54

您的html注释无效

应该是

<!-- <html not displayed> -->

<!--> <html not displayed> <!-->

结果是您试图注释掉的html掩盖了表单。

票数 2
EN

Stack Overflow用户

发布于 2013-11-24 00:57:20

高度和宽度分别为100%和100%的div标记像一个模态表单一样覆盖了整个视图端口,因此它下面的区域变得不可点击。从标签中移除高度和宽度,如下所示:

代码语言:javascript
复制
<div style='position:absolute;z-index:0;left:0;top:0;'>
  <img src='C:\Users\Dell\Downloads\chem.jpg' style='width:100%;height:100%' alt='[]' />
</div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20164950

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档