禁用输入时，tabindex不起作用
是因为tabindex属性只能应用于可聚焦的元素，而禁用的输入元素是不可聚焦的。
禁用输入元素是指在HTML中使用disabled属性来禁用输入框、按钮等元素，禁用后用户无法与该元素进行交互。禁用输入元素的主要作用是防止用户对特定元素进行操作，通常用于表单中的某些字段不可编辑或不可选中的情况。
禁用输入元素的优势是可以提高用户体验和数据安全性。通过禁用某些输入元素，可以防止用户误操作或修改关键数据，确保数据的准确性和完整性。
禁用输入元素的应用场景包括但不限于：
- 表单中的某些字段不可编辑或不可选中。
- 防止用户误操作或修改关键数据。
- 提高数据的安全性和完整性。
腾讯云相关产品中，与禁用输入元素相关的产品是腾讯云Web应用防火墙（WAF）。腾讯云WAF可以通过配置规则，对网站进行防护和安全加固，包括禁用输入元素、防止SQL注入、XSS攻击等。具体产品介绍和使用方法可以参考腾讯云WAF的官方文档：腾讯云WAF产品介绍。
相关·内容
当您有一个网站和一个表单时，您可以使用键盘选项卡键在表单中导航。例如，Google将为选定的项目提供蓝色的轮廓。
<form method="" action="">
<input type="text" tabindex="1">
<input type="text" tabindex="2">
<input type="submit" tabindex="3">
</form>
CSS
in
浏览 0提问于2016-02-12得票数 2
在Material v1中，如果用户在使用InputAdornment输入输入时按下Tab键，则后者是集中的。相反，我试图实现的是，通过按下选项卡，将选择后续的输入。
有人建议我将tabIndex属性设置为-1，以避免通过选项卡选择它，但它似乎不起作用。
<Input
value={this.state.email}
endAdornment={
this.state.email ? (
<InputAdornment position="end">
<IconBut
浏览 0提问于2018-05-21得票数 5
回答已采纳
我正在以一种与表单无关的方式在Xamarin.Forms中使用Syncfusion的Xamarin.Forms条目。因此，我不希望它转到UI中的下一个Entry对象。但是，不管我尝试做什么，当完成输入时，它会跳转到下一个Entry。
我尝试过将Entry的IsTabStop设置为False，并将第二个的TabIndex设置为更小的TabIndex。没有什么工作，我发现唯一有效的想法是禁用第二个Entry，而另一个是专注的。
XAML：
<ScrollView ...>
// ....
<StackLayout>
// ....
浏览 7提问于2020-09-19得票数 0
回答已采纳
1回答
我的情况是这样的:非模式对话框内部有输入，单击外部时不会关闭
当非模式对话框打开时，我无法将注意力集中在主页中的输入上。当我单击主页中的输入时，焦点跳转到对话框中的第一个输入
我尝试过mainPageInput.focus()不起作用。此外，我先尝试了dialogInput.blur()，然后尝试了mainPageInput.focus()，但仍然不起作用
它们的tabIndex默认为"0“
浏览 5提问于2020-01-30得票数 0
1回答
角11。我有一个输入的列表(由一个div包装，每个)。具有使用反应性表单添加输入的能力，因此每当用户单击按钮添加输入时，我都会将控件推送到输入数组中。
我想要的行为是，每当用户动态添加一个输入时，它都会用动画显示，所以我编写了以下代码：
animations: [
trigger('input', [
state('in', style({ opacity: 1 })),
transition(':enter', [
animate(
'.3s ease-in',
keyframes([
浏览 1提问于2021-06-16得票数 2
回答已采纳
我有一个剑道组合框和一个keno html.checkboxfor控件。我需要使该复选框启用真或假基于从combox选择的文本值我正在使用以下代码，但它对我不起作用。我需要一些建议。
<tr>
<td>Status Reason</td>
<td>
<div id="options">
@(Html.Kendo().ComboBox()
.Name("StatusReasons")
.
浏览 20提问于2017-07-08得票数 0
我有一个禁用的输入标签，其中游标属性是文本；
<input type="text" value='1111' style='cursor:text' disabled>
当我单击该输入时，我希望删除禁用的属性。但事情似乎不起作用。
input.addEventListener('click', function () {
input.disabled = false})
浏览 5提问于2022-07-29得票数 1
基本上，我有3个下拉菜单，我只需要一个是活跃的，所以当我选择的东西，其余的应该是积极的。因此，到目前为止，我已经添加了禁用类，现在我有了第一个活动类，而其余的类是禁用的。我的问题是-当我从第一个下拉列表中选择一些东西时，如何使它们活跃起来？
$(document).ready(function () {
$('#Test #firstId .dropdown-menu li a').click(function () {
var selText = $(this).text();
$(this).parents
浏览 1提问于2015-01-15得票数 0
回答已采纳
我在表单中有一个文本框，然后此复选框被聚焦，然后我按enter键，表单即被提交。然而，这不是我想要的行为。我想验证表单，并仅在单击某个链接或在文本字段外按回车键时手动发送表单。下面是我的表单代码
<form action ="<?php echo $this->url(array('controller' => 'Queue','action' => 'checkinupcoming'))."/?confirmnumber=$this->confNumber&client
浏览 0提问于2012-07-12得票数 0
当用户点击按钮(按钮是家庭活动)时，他将打算在30秒到1分钟内游戏活动，用户可能会赢或输，并返回家庭活动，然后按钮必须禁用3分钟(与时间倒计时显示)后，3分钟按钮再次得到启用和过程重复。 请帮帮我，这是我大学项目的最后一部分。 祝你度过美好的一天！
浏览 65提问于2021-07-01得票数 0
我使用的是twitter引导“下拉列表”，而不是带有html标记的“下拉”多级菜单。
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#"&g
浏览 2提问于2013-06-30得票数 2
2回答
我的导航栏有用于登录和搜索的下拉列表"fieldsets“，如下所示：
<div class="nav-button" id="nav-box">
<a class="inside-link">
<span id="inside-text">Sign in</span>
</a>
<fieldset id="menu-box" class="menu-box
浏览 1提问于2013-03-20得票数 3
回答已采纳
我正在使用kendo开发web应用程序，我需要使用kendo API禁用/启用kendo combobox，但它不起作用。
下面是我的代码：
HTML：
<input tabindex="5" id="art" kendo-combo-box ng-model="a.b" k-options='airTypeOptions' class="isRequired displayMode" />
JQUERY：
$("#art").getKendoComboBox().enable(fals
浏览 0提问于2015-06-24得票数 0
5回答
我试图做的是，当用户进入时，根据他们的角色，启用或禁用锚元素。尝试几种方法：
document.getElementById('myBtn').disabled = true;
这向我展示了：‘禁用’属性在'HTMLElement‘类型中不存在。
研究尝试：
(document.getElementById('myBtn') as any).disabled = true;
它没有向我显示任何错误，但也不起作用。
对于角禁用属性，它告诉我:无法绑定到“禁用”，因为它不是已知的'a‘属性。
另一种选择？问候
浏览 0提问于2019-09-03得票数 1
回答已采纳
2回答
我正在尝试在一个大的数据框中逐行计算一个二进制字符的结果：
V1 V2 V3 V4 V5
Loss Loss Loss Loss Loss
Loss Loss Win Win Loss
Loss Loss Loss Loss Loss
我需要知道的是每一行的输赢频率。这只是一个简短的例子(大量模拟输出的片段)，但是对于第一行，在五次模拟中，我有五次失败，第二行三次失败和两次胜利，等等。
我希望生成一个单独的表，显示每行的赢/输的频率，或者，如果这样做不起作用，添加两个新列:一
浏览 3提问于2015-01-09得票数 4
1回答
我在我的联想Thinkpad Edge 320上安装了Ubuntu12.04LTS，在输入时禁用触控板的选项不起作用。谢谢你的帮助!
浏览 0提问于2013-07-31得票数 0
这是我的aspx按钮代码
<div id="navigationButtons">
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" CssClass="button submit" Enabled="true" />
<asp:Button ID="btnNext
浏览 4提问于2013-09-11得票数 0
回答已采纳
我在Windows10上有一个干净的VSCode安装。我目前正在为React开发设置ENV，然而，JS Intellisence在create-react-app创建的应用程序文件夹中根本不起作用。当我打开一个JS文件并开始输入时，下面的符号是无限循环的，不会停止。 ?
浏览 11提问于2019-12-24得票数 0
回答已采纳
在我的华硕EEE PC 1015PE上打字时跳跃光标。键盘快捷键--功能键加F3也不工作，还有其他几个功能键不工作.会很感激你的帮助。注意:鼠标/触控板“在输入时禁用触摸屏”设置已启用，但不起作用。
浏览 0提问于2011-11-10得票数 4
2回答
当禁用以下输入时，如何删除引导工具提示？
<label class="label" data-toggle="tooltip" title="Test">
<input type="checkbox" value="disabled" class="input" disabled>
<label>
首先，我试图检测它是否有工具提示，但它似乎不起作用。然后，把它设为“”。
if($(this).is('[data-toggle="toolt
浏览 3提问于2016-12-02得票数 0
回答已采纳
我用的是img标签。通常，图像不包括在TAB导航流中。因此，我将img标记的"tabindex“属性设置为0，以便将其包含在流中。我已经把它禁用了。在这个例子中，在IE中，这个img没有集中注意力。而在FF和Chrome中，虽然禁用了它，但它的关注度却很高。我的观察是，尽管启用或禁用了tabindex=0元素，但它还是包含在webkit中的TAB导航流中。
如何克服这一切。
原始代码：
<img id="_arrowdown" tabindex='0' src="icons/ArrowDown.png"/>
试用了Fix:
浏览 7提问于2015-06-05得票数 2
回答已采纳
我有一个ASPX网页表单，它接受一些数据，并只发送一封电子邮件。它已经工作多年了，但我只是添加了一个新字段，我无法将文本值转移到编写电子邮件的c#代码中。
不同之处在于，新字段是通过jQuery/JSON查找填充的，并且是只读的。jQuery部分工作正常。
有问题的TextBox：
<asp:TextBox ID="autoRegion" Width="30" ReadOnly="true" onfocus="this.blur();" TabIndex="-1" CssClass="disabled
浏览 0提问于2014-10-11得票数 0
1回答
我有两个输入字段，如下图所示。
我正试图关注下一个字段，该字段现在已被禁用，但在第一个字段中输入最大字符长度后，它将被启用。在启用后，我希望光标在下一个字段上自动显示。
下面给出了我使用的代码：
.directive('moveNext', function(){
return{
restrict: 'A',
link: function($scope, element){
element.on("input", function(e){
if((element.val().len
浏览 3提问于2016-08-10得票数 5
回答已采纳
为什么这个非常简单的引导vue脚本不能工作，在按下切换按钮时，它只是不增加值tabIndex。
tabIndex从0开始，用户按tabIndex，值仍然是0.。
，如果从禁用属性中删除tabIndex，它将工作，但不会遵循我所需的目的。在这里可以看到脚本：
浏览 8提问于2021-07-04得票数 2
回答已采纳
3回答
所以在过去的6个小时里，我一直把头撞在键盘上，试图弄明白这一点。
使用php，如何将页面的当前html保存到web服务器上的.html文件？
我发现的这段代码似乎正是我所需要的，但对于我的一生来说，我无法弄清楚为什么它不起作用。页面在浏览器中加载得很好，只是没有任何东西保存在任何地方。
<?php
// Start the buffering //
ob_start();
?>
Your page content bla bla bla bla ...
<?php
echo '1';
// Get the content that is in the bu
浏览 3提问于2015-04-03得票数 1
回答已采纳
我有一个类似于下面所示的表格。有一组与之相对应的无线电和输入场。
它应该遵循的条件
第一个选项卡索引选择组1的第一个收音机。内部选择必须更改，我可以使用箭头键。
第二个选项卡索引应该从组2中选择第一个收音机。内部选择必须更改，我可以使用箭头键。
在第2组中，如果我再次按tab键，它应该集中在与收音机相对应的文本框上。
再次按选项卡应将焦点放在第3组文本框上。
除选择第二组的第一个无线电外，上述所有条件均正常工作。按下选项卡会把它带到相应的文本框中。但是，在再次按下选项卡时，它会转到组2的另一个文本框(这不应该发生)。
请帮帮忙。HTML代码如下所示
<
浏览 3提问于2017-07-27得票数 1
回答已采纳
1回答
我在我的惠普笔记本上使用Ubuntu20.04.2LTS。即使电池不低，它也会自动关机。我的电脑没有显卡。
我试过使用dconfig禁用自动电源，但它不起作用。当我使用Windows 10时，没有发生这种情况。这个问题在插入时不会发生。
浏览 0提问于2021-02-17得票数 0
下面的代码运行得很好，但问题是它总是提交第一个div (文章)，即使它是隐藏的。我的问题是如何在显示的div中提交表单和表单中的元素？(如果我选择音乐单选按钮，我想提交音乐分区的输入元素，而不是文章分区。谢谢。
$(document).ready(function(){
$("input[name$='itemlist']").click(function() {
var selection = $(this).val();
$("div.box").hide();
$("#
浏览 0提问于2010-06-03得票数 1
回答已采纳
我在HTML页面中有输入：
<input id="Name" name="Name" tabindex="0" type="text" value="Name:" />
我用jQuery编写了javascript来绑定事件"onfocus“和”onblur“的处理程序：
<script type="text/javascript">
var name = $("#Name");
name.focus(function () {if ($
浏览 1提问于2012-08-09得票数 2
回答已采纳
设置元素的value不起作用。它的行为不像用户输入。当我提交此输入时，弹出窗口告诉我根本没有填写输入。如何像用户一样填充此输入元素？
<div class="login-input input-group" data-ng-class="{'invalid' : !valid}">
<input id="alias-input" type="text" class="form-control ng-pristine ng-valid ng-empty ng-valid-maxlength
浏览 6提问于2018-12-05得票数 3
我在摆弄概率，我在模拟用户可以下注x金额的东西，如果用户输了，我希望它耗尽他们的总体"bank“。如果他们赢了，就会增加收入。 正如你在代码中看到的，当他们赢的时候，钱是用+=“加”的，但是我怎么做才能让他们输的时候这个数字变成负数(例如-=，这对我不起作用)。 代码 import random
def get_possible(x):
return random.randrange(x)
def loop(possibilities, number, loop, bet):
success = 0
fail = 0
for i in range(
浏览 12提问于2020-07-24得票数 0
回答已采纳
2回答
我想动态禁用文件上传字段。就像我有一个变量，比如isUploadAllowed。如果该变量为真，则启用FileUpload字段，用户可以单击“浏览”按钮。否则这个按钮就被禁用了。如何在ExtJs3.0中实现？我确实找不到几个例子，但它们都是ExtJ4的。我试过了：FileUploadField.setDisabled(true);，但它不起作用。
这是我的代码，我想禁用它在重置按钮点击！
var fileUploadField = new Ext.ux.form.FileUploadField({
id : 'fileUpload',
name : '
浏览 4提问于2014-04-22得票数 1
我在QWebView中加载了HTML。这个HTML有以下两个元素：
<button class="submit1" tabindex="1" type="submit" id="submit1">accept</button>
<button class="submit2" tabindex="2" type="submit" id="submit2">decline</button>
在代码中，我有如下
浏览 3提问于2014-09-08得票数 0
我想要切换一个复选框组的禁用属性，基于其他复选框选中的属性，复选框组的Html代码是：
<div class="checkbox-group">
<div class="col1">
<p>
<input type="checkbox" name="backpack" id="backpack" tabindex="170" />
<label for="b
浏览 1提问于2015-05-08得票数 0
回答已采纳
3回答
我通过添加禁用的选项来禁用输入类型复选框。
<input type="checkbox" id="1_2" value="45" aria-checked="false" focusable="true" tabindex="-1" class=" seatNumber " name="code[]" placeholder="2" disabled >
如何禁用没有输入类型的复选框？
<div id="1_2" ro
浏览 1提问于2016-07-23得票数 0
回答已采纳
1回答
我最近在ThinkPad T480上从Ubuntu18.04升级到19.10。在我认识到升级之后，我的触摸屏在打字时没有被禁用。
我发现了这个线程(如何在输入时禁用触摸屏？在Ubuntu16.04上syndaemon不工作)，我认为，我也有同样的问题。我安装了多个触摸屏驱动程序。
$ xinput list
⎡ Virtual core pointer id=2 [master pointer (3)]
⎜ ↳ Virtual core XTEST pointer id=4 [slave pointe
浏览 0提问于2020-01-15得票数 1
2回答
在上，当涉及到防止XSS的建议时(搜索文本中的“防止跨站点脚本”)，我可以阅读。
通过使用ValidateInput属性禁用请求验证。此属性将错误地拒绝有效的HTML输入。
也许是因为我的英语知识远远不够完善，但我在术语上看到了一些矛盾。事实上，在一开始我理解我应该使用ValidateInput属性，但是它说这个属性错误地拒绝了有效的HTMLInput，所以不建议使用它。
看起来就像意大利大选后的第二天:有人赢了，有人没有输，其他人表现很好。
顺便问一下，这句话的正确含义是什么？
浏览 3提问于2010-11-02得票数 0
回答已采纳
4回答
我试图继续单击此上的下一页，每次将表数据追加到csv文件，然后当我到达最后一页时，追加表数据并中断while循环。
不幸的是，由于某种原因，它一直停留在最后一页，而且我尝试了几种不同的方法来捕获错误。
while True:
try :
WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.LINK_TEXT, 'Next'))).click()
except :
print("No more pages left")
break
driver.q
浏览 0提问于2018-06-28得票数 3
回答已采纳
1回答
我正在使用组件，并且遇到了一个问题。我有一个被取消的API调用，它是在用户开始键入时进行的，在执行调用时，我禁用了文本输入字段。
问题是禁用然后启用文本字段会使文本输入失去焦点。我尝试给它一个ID，并在DOM中获取它并运行.onFocus()，但是( a)没有工作，而b)没有很好的反应。
我还试图添加一个useRef钩子，但这也不起作用。
有什么想法/建议吗？
浏览 1提问于2020-06-12得票数 2
回答已采纳
当我在输入框中输入时，我的chrome浏览器会根据我之前在此输入框中输入的内容自动提供建议。如何禁用浏览器建议？ ? 这是HTML代码： <input type="text" class="form-control" name="firstName" formControlName="addUserFirstName" tabindex="2" autocomplete="off" />
浏览 17提问于2019-01-11得票数 0
1回答
我为div制作了模糊效果(使用tabindex=1)，但后来我在div中添加了输入：
<div id="d1" tabindex='2'>
<input id="i1" type='text' tabindex='1'/>
</div>
我为输入添加了click处理程序，为div添加了click+blur处理程序：
$('#i1').click(function(e){
alert($(e.target).is('#i1, input&#
浏览 0提问于2015-10-26得票数 0
1回答
我发现在Bootsrap中禁用文本的代码可以与主要类(disabled)单独使用。
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">
Disabled
</a>
但是，没有aria-disabled属性，它也可以工作：
<a class="nav-link disabled" href="#" tabindex="-1">
Disabled
&
浏览 3提问于2020-08-01得票数 1
回答已采纳
2回答
我要计算自动完成中显示的结果。
HTML输入字段：
<input name="input_1" id="input_1_1"
type="text" value="" class="medium ui-autocomplete- input"
tabindex="1" autocomplete="off">
Jquery自动完成：
var availableTags = [];
$("#toggles h3").each(function() {
浏览 1提问于2014-05-22得票数 1
回答已采纳
2回答
我正在写一个python程序，要求你预测一个骰子。你从5欧元开始，如果你赢了，你就会赚5欧元，如果你赢了1欧元，你就会输1欧元，如果你赢了超过1欧元，你会输3欧元。
def main():
while True:
saldo = 5
y = input("[R]oll or [S]top")
if y == "r" :
p = input("What is your prediction?")
from random import randi
浏览 2提问于2017-10-18得票数 0
好奇的问题与MVC3，EF代码第一。
我正在传递一个将两个模型封装到一个视图中的模型。
public class UserInfoModel
{
[Key]
[Required]
public int Id { get; set; }
/// <summary>
/// <para>Corresponds to ProviderUserKey in ASP Membership</para>
/// <para>Used in Membership.GetUser(ProviderUserKey
浏览 0提问于2012-09-01得票数 1
3回答
如何禁用引导程序下拉列表
、、、、
我用bootstrap.Dynamically制作了一个下拉列表，我想禁用和启用这个下拉列表。
html代码：
<div class="span3 offset1">
<select name="primary" class="select-block" id="select_alert" style="display: none;">
<option "selected"="">Choose Alert
浏览 5提问于2013-10-25得票数 2
我需要限制用户使用长度规范为我的一列输入唯一的整数。
<%= f.input :value, as: :numeric, :input_html => { :maxlength => 4 } %>
上面的方法适用于UI中字段的字符串类型，但当我添加数字来限制字母数字输入时，最大长度不起作用。
期望将输入限制为最多4个字符，并且只能是正数输入
浏览 67提问于2020-07-29得票数 0
我知道这个问题被不断地问了，但经过所有的回答，我仍然无法让我的复选框/按钮功能工作。我终于让它停止返回“不是一个函数”，但现在它只是简单地不起作用。
除非选中“合法免责声明”框，否则其目的是防止表单提交。标准的东西没有结果..。请帮帮我！
function chkThis() {
var isChk = document.getElementsByName('agecert');
var isSub = document.getElementById('submit');
if (isChk.checked == true) {
isSu
浏览 2提问于2018-09-08得票数 1
回答已采纳
2回答
我想知道1324是赢是输。如何选择单个<td>元素才能知道它是输是赢。
<tr>
<td> 1323 </td>
<td> Won </td>
</tr>
<tr>
<td> 1324 </td>
<td> Loss </td>
</tr>
[...]
<tr>
<td> 1328 </td>
<td> Won </td>
</
浏览 8提问于2013-11-04得票数 0
3回答
如何使div及其所有后代不可聚焦
、、、、
我试着做一个div和它所有的后代都无法聚焦。我在根div上使用了tabIndex -1。但这使得焦点转移到了第一个可聚焦的孩子身上。(默认行为)有解决此问题的方法吗？
示例代码
const SomeFunctionComponent = () => {
// ... some logic ...
const someTrustedHtml = `<p>Hello <a href="stackoverflow.com">World!</a></p>`;
const content = React.createEl
浏览 2提问于2021-12-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
