HTML表单不接受输入
表单显示在浏览器上，但当我将光标滚动到文本字段上时，它不接受输入。这是如何造成的，我如何解决HTML表单不接受输入,html,Html,表单显示在浏览器上，但当我将光标滚动到文本字段上时，它不接受输入。这是如何造成的，我如何解决 <html> <head> <title>Chemicals.ltd</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width">
<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>
化工有限公司
欢迎来到毒贩！
我们贸易化学品，供工业或实验室使用。
请在表格中输入相关信息
化学名称：
危险等级（编号）：
实验室/公司名称：
序列号：
结果是您试图注释掉的html屏蔽了表单您的html注释无效 应该是
结果是，您试图注释掉的html屏蔽了表单您正在用div覆盖表单，从而阻止了输入。删除它：
<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>
化工有限公司
欢迎来到毒贩！
我们贸易化学品，供工业或实验室使用。
请在表格中输入相关信息
化学名称：
危险等级（编号）：
实验室/公司名称：
序列号：
您正在用一个div覆盖表单，该div会阻止输入。删除它：
<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>
化工有限公司
欢迎来到毒贩！
我们贸易化学品，供工业或实验室使用。
请在表格中输入相关信息
化学名称：
危险等级（编号）：
实验室/公司名称：
序列号：
您的div标签具有100%的高度和100%的宽度，它像模态表单一样覆盖了整个视口，因此其下方的区域变得不可单击。从标签中删除高度和宽度，如下所示：
<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>
具有100%高度和100%宽度的div标签像模态表单一样覆盖了整个视口，因此其下方的区域变得不可单击。从标签中删除高度和宽度，如下所示：
<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>
您的字体大小可能设置为零 将此添加到css样式文件：
input {
font-size: 10pt;
}
<input style="font-size: 10pt;" type="submit" value="Send Info">
您的字体大小可能设置为零 将此添加到css样式文件：
input {
font-size: 10pt;
}
<input style="font-size: 10pt;" type="submit" value="Send Info">