javascript - 不可点击的输入框

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

A disabled input element is unusable and un-clickable.

use disabled input as in

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