代码之家 › 专栏 › 技术社区 › Marc Stober

为什么在选择焦点集中时不按enter键提交表单?

form-submit submit forms html

Marc Stober · 技术社区 · 16 年前

考虑以下HTML:

<form action="">
    <input />
    <select>
        <option>A</option>
        <option>B</option>
    </select>
    <input type="submit" />
</form>

如果焦点在 input (文本框)然后按enter键,表单提交。

select (下拉框)我按回车键,什么也没发生。

有什么我可以通过用JavaScript捕获enter来打破的吗(可能是下拉菜单的一些本地键盘可访问性)?

2 回复 | 直到 16 年前

Chocula 16 年前

这只是控制的本质。输入键(或鼠标单击)是进行选择的原因。在按Enter键时提交表单将导致用户体验不佳,因为表单基本上不可用。

我不建议通过JavaScript更改行为,因为默认行为是规范,也是每个人都会期望的。

Styledev 15 年前

select标签非常有趣。回车键只需单击下拉菜单打开并使用箭头键选择一个选项,即可按回车键关闭下拉菜单。

当焦点集中在一个关闭的下拉列表上时,输入选择将:

但每个人都决定不改变。。。更令人惊讶的是,我已经设计了13年的网站,直到今天,我才注意到这一点,当我从业务分析师那里得到一个错误修复,说他们不能提交表单时,他们点击进入!让我想起了 Tiny Pony .

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前