Question

检查http://student.howest.be/sylvain.vansteelandt/fedex/。如果单击“创建货件”，您会注意到前4个输入字段不可点击。这怎么可能？

Answer 1

如果您检查元素，您将看到：

<div class="eid_1377803337429_delivery_streetfield_id" style="position: absolute; margin: 0px; left: 250px; top: 165px; width: 248px; height: 24px; right: auto; bottom: auto; font-family: source-sans-pro,sans-serif; font-size: 16px; color: rgb(255, 255, 255); font-weight: 300; text-decoration: none; font-style: normal; text-align: left; opacity: 0; display: block;" id="eid_1377803337429_delivery_streetfield">
    <input class="createinput" id="delivery_streetinput" size="20" style="font-family:source-sans-pro" type="text">
</div>

请注意div中不透明度设置为0：

opacity: 0;

您仍然在框中输入，尝试输入然后转到下一个屏幕，它就在那里。由于不透明度：0，你只是看不到它。使这100而不是0，它工作正常。

Answer 2

禁用的输入元素无法使用且无法点击。

使用

中的禁用输入

  // remember to add 'disabled' to input element
  <input type="text" name="some-name" disabled />

不可点击的输入字段

2 个答案: