Html 从“输入”复选框激活输入字段

我想通过选中复选框激活输入字段

我这里有一个基本表格：

<ul>
 <li>
  <label id="form-title" for="name3">Specifics:</label>
 <li>   
  <textarea id="name3" name="name3" >

  </textarea>
 </li>

</ul>

具体内容：

你点击“细节”按钮，它就会激活这个字段。这可以用输入标签而不是标签标签来完成吗

例如：

<ul>
 <li>   
  <input type="checkbox" for="name2">Other...</input>
  <input id="name2" name="name2" />
 </li>
</ul>

其他。。。

---

迄今为止完成的工作有很多：

您需要一点EMCAScript

<label for="name3">
  <input type="checkbox" id="name3activaitor" onclick="if(this.checked){ document.getElementById('name3').focus();}" />
  Other...
</label>
<input type="text" id="name3" name="name3" />

其他。。。

内联处理程序查看复选框是否已选中，如果已选中，则聚焦文本输入。我将复选框放在标签中只是为了在它执行相同功能时将其与标签进行符号分组，但您可以将复选框放在任何您想要的位置

如果您希望启用/禁用输入字段，而不是仅对其进行聚焦，则可以这样做

        <input type="checkbox" onclick="var input = document.getElementById('name2'); if(this.checked){ input.disabled = false; input.focus();}else{input.disabled=true;}" />Other...
        <input id="name2" name="name2" disabled="disabled"/>

其他。。。

输入标记的属性不存在。请使用内联javascript代码并禁用属性：

<input type="checkbox" id="checkbox1" onclick="if (this.checked){ document.getElementById('textarea1').removeAttribute('disabled');}" />
<textarea id="textarea1" name="textarea1" disabled></textarea>

---

你可以用一点javascript来完成

HTML

<ul>
 <li>   
  <input type="checkbox" id="checker" for="name2">Other...</input>
  <input id="name2" name="name2" />
 </li>
</ul>

---

希望它能对其他所有答案都有帮助，但这个答案很简单：

<input type="checkbox" id="checkbox"><label class="checkbox" for="checkbox"> Remember Me!

记住我！

说明：

• 将其标识为“复选框”

• 调用该id“复选框”

• 记住我！

  复选框旁边的内容

---

您是说在复选框选中和取消选中时启用和禁用textarea吗？在第一种情况下，我使用了一个textarea，但在这种情况下，我需要它作为输入框（如果只选择“”，则会得到它）。因此，您选中“其他”框这就激活了输入字段。因此，仅仅使用html是不可能做到这一点的。我使用了第一个javascript，但第二个无法使用。它有什么不同之处？你说的启用/禁用是什么意思？看起来我前几天在匆忙打字时漏掉了几个引号。第二段代码现在应该可以工作了。第二段代码在单击复选框时不仅仅关注输入元素。它还将html disabled属性设置为on和off，这样，如果未单击复选框，则输入将被禁用（无法聚焦，也不会随表单一起提交），如果选中复选框，则启用输入，以便可以在其中输入文本并在这种情况下提交。我觉得有点愚蠢，我睡了大约30分钟，因为我8个月大的女儿一直没有睡觉，哈哈。我编辑了第二个代码片段，并在你的小提琴上运行它，以确保这次一切都是正确的。您不应该对该片段有任何进一步的问题。

<input type="checkbox" id="checkbox"><label class="checkbox" for="checkbox"> Remember Me!