Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 选中复选框后,重定向到文本框_Html_Css_Redirect_Checkbox - Fatal编程技术网

Html 选中复选框后,重定向到文本框

Html 选中复选框后,重定向到文本框,html,css,redirect,checkbox,Html,Css,Redirect,Checkbox,当我选中复选框时,它是否可能直接将我重定向到文本框? 就像我检查时做了一个标签 如果可能的话,只使用HTML和CSS可能最简单的实现是: <form name="f1"> <input id="in1" name="in1" type="checkbox" onClick="if(this.checked) document.f1.in2.focus()" /> Check option <br/> <input id="in2" nam

当我选中复选框时,它是否可能直接将我重定向到文本框? 就像我检查时做了一个标签


如果可能的话,只使用HTML和CSS

可能最简单的实现是:

<form name="f1">
    <input id="in1" name="in1" type="checkbox" onClick="if(this.checked) document.f1.in2.focus()" /> Check option <br/>
    <input id="in2" name="in2" type="text" />
</form>

选中选项

最简单的方法是在输入元素中使用TabIndex attribute

<input type="checkbox" Tabindex="1"> </input>
<br>
<br>
<input type="text" Tabindex="2"> </input>




我希望这可能会对您有所帮助

您不能只使用HTML和CSS

但这里有一个使用javascript的解决方案:

window.onload = function() {
  var checkbox = document.getElementById("agree"),
      textbox = document.getElementById("textbox");

  checkbox.onclick = function() {
    if(this.checked) {
      textbox.focus();
    }
  };
};

您的意思是在单击复选框时将焦点设置在文本框上吗?请输入您的代码?用提琴看一看这不能用HTML或CSS来完成,但可以用JavaScript来完成,不管有没有它的库。好的,谢谢,我想我现在真的需要学习Java脚本了-_-