为什么Chrome将input[type=submit]视为只读？(不再工作)

Chrome将input[type=submit]视为只读的原因是因为最新版本的Chrome浏览器在处理input[type=submit]元素时，将其默认设置为disabled属性，导致该按钮不可用，无法触发提交操作。

这个改变是为了提高网页的安全性，防止恶意脚本通过自动提交表单的方式进行攻击。通过将input[type=submit]设为只读，用户需要手动点击该按钮才能提交表单，从而减少了自动提交表单的风险。

然而，这个改变可能会影响一些网页的正常功能，特别是那些依赖自动提交表单的功能。在这种情况下，开发人员可以通过使用其他类型的按钮或者通过JavaScript代码来解决这个问题。

腾讯云相关产品中，可以使用云服务器（CVM）来部署网站和应用程序，提供稳定的计算资源。同时，腾讯云还提供了云数据库MySQL版和云数据库SQL Server版，用于存储和管理数据。根据实际需求，可以选择适合的腾讯云产品进行部署和运维。

参考链接：

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

onbeforeunload事件_pageload事件何时触发

type 只读 DOMString 事件的类型。 bubbles 只读 Boolean 事件通常会冒泡吗？ cancelable 只读 Boolean 可以取消活动吗？...PS：不用再怀疑为什么设置了returnValue没有效果了。...Google声明： https://developers.google.com/web/updates/2016/04/chrome-51-deprecations?...通过input type=”submit”按钮提交一个具有指定action的表单的时候。...如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

2.9K2 0

用 ref 访问 Vue.js 程序中的 DOM

如果将 ref 属性添加到 Vue 模板中的 HTML 元素，那么就可以在 Vue 实例中引用该元素甚至子元素。你也可以直接访问 DOM 元素，它是一个只读属性并返回一个对象。...为什么 ref 很重要？ ref 属性对于通过在父 $ref 属性中作为键来选择包含它的 DOM 元素是至关重要的。例如在 input 元素中放置 ref 属性会将父 DOM 节点公开为 this.... You have counted {{this.counter}} times You have counted {{this.counter}} times You have counted {{this.counter}} times <button

2.9K2 0

HTMLHTML5 Input类型&&表单

1.HTML 中"不常用"input类型中的属性值： disabled：输入字段禁用； maxlength：输入字段的最大字符长度； readonly：输入字符只读，无法修改； size：输入字段可见字符数...input type="text" name="text3" id="" value="1" readonly> 5 2 此处添加submit，如果number此处没填写，则浏览器会提示“请填写此字段”！...元素值得可能选项列表；提供自动完成功能；（用户将看到一个下拉列表选项）支持情况：IE10以上，现代浏览器（除safari） 1 2

1.3K7 0

浏览器自动填充密码分析及解决

input的type。...password" autocomplete="new-password" /> 缺点：这种方法chrome 支持，但是FireFox不支持 4、通过设置隐藏域;推荐指数：3颗星 setTimeout(function...为只读readonly，当页面加载完成后，浏览器不会自动填充内容，也不可以进行编辑。...然后我们再用js的定时器延迟一段时间后移除input的只读属性readonly，输入框便可进行再次编辑！这样避免了用户点击两次才弹出键盘的弊端。

3.6K4 0

Selenium+JQuery定位方法及应用

1、关于Selenium提供了很多元素定位方法，这里不再赘述了。本文主要学习和了解JQuery的定位；2、那为什么还要做JQuery进行定位呢？...="off">同理可得密码的选择器为：$(":password");图片1.3.3 登陆按钮页面源码：元素:password$(":password")所有 type="password" 的元素:radio$(":radio")所有 type="radio" 的 ...元素 :checkbox$(":checkbox")所有 type="checkbox" 的元素:submit $(":submit")所有 type="submit" 的 <input

3544 0

跨站脚本（XSS）备忘录-2019版

（Chrome、Firefox、IE、Safari) 按下键时触发（Chrome...type=submit formaction=javascript:alert(1) value=XSS> 形式与行动 <input...action 将元素与外部网址一起使用 XSS 隐藏的输入：访问键属性可以在通常无法利用的元素上启用XSS <input type="hidden"...使用formaction输入 <input type=submit value="XSS" style="width:100%;height:100%" type=submit formaction

6.3K1 0

Spring Security 之防漏洞攻击

name="routingNumber"/> <input type="text" name="account"/> <input type="submit" value="Transfer"/>..."/> <input type="hidden" name="account" value="evilsAccountNumber"/> <input type="submit"...="text" name="routingNumber"/> <input type="hidden" name="account"/> <input type="submit"...然而，由于HPKP的复杂性，许多专家不再推荐使用它，Chrome甚至取消了对它的支持。...有关为什么不再推荐HPKP的其他详细信息，请阅读 Is HTTP Public Key Pinning Dead? and I’m giving up on HPKP。

2.3K2 0

使用 flask + selenium 中转 SQLmap 进行注入

;width:100px"> 用户名：密　码： /> 如下两个数据包可以看出，重放数据包由于传入的 token 值和服务端的...("password").send_keys("aaaa") chrome.find_element_by_id("submit").click() return "111" #随便返回一下不重要...最后其实这里有个疑问，经过了中转 sqlmap 为什么还能识别出注入？我猜测，上面的测试用例是基于时间的注入，也就是原本判断目标站点的执行时间，被转换成判断 send 函数的执行时间。

1.5K2 0

现场打脸：如何使用Selenium批量上传文件？

[@type="file"]') file_input.send_keys('/Users/kingname/test_send_keys/target/x.txt') submit = driver.find_element_by_xpath...('//input[@type="submit"]') submit.click() 经过测试，发现确实可以正常上传文件。...这样一来，既然 .send_keys()能够正常工作，那么就可以反向推测出，浏览器上传文件的原理，选择文件的对话框实际上提供给浏览器的仅仅是一个文件路径。...[@type="file"]') file_input.send_keys(path_split_by_newline) submit = driver.find_element_by_xpath('/.../input[@type="submit"]') submit.click() 运行效果如下图所示： ?

2.7K2 0

JavaScript 表单处理

以下罗列出共有的属性：属性或方法说明 disabled 布尔值，表示当前字段是否被禁用 form 指向当前字段所属表单的指针，只读 name 当前字段的名称 readOnly 布尔值，表示当前字段是否只读...对于元素，这个值等于HTML属性的type值。对于非元素，这个type的属性值如下：元素说明 HTML标签 type属性的值单选列表 ...... reset 自定义提交按钮 ...... submit PS：和元素的type属性是可以动态修改的，而元素的type属性则是只读的。...//只能写1个 <input type="text" name="user2" maxlength="2"

4.8K10 1

type="text" name="key" <input type="text" name="key" <input type="submit" value="Search"...打开chrome ，提交表单，看FormData,其实浏览器已经向后台提交了两个name 为’key ‘的值。 ? 后台也成功接收到一个列表 [‘1’, ‘2’]。...1：首先你得创建一张表，在这里建表语句我就不再写了，再也简单不过了。（别忘了加点数据哦！） 2：将表的数据通过view.py的函数返回到前端。...}} </td <td <input type="text" name="s_sex"value={{ student.stu_sex}} </td <td <input type="text...</td <td <input type="submit" value="保存" οnclick="save(this)" </td <td <a href="/homework/delstu/{{

3.8K3 0

表单

="a" type="submit"value="女"/>女提交按钮女重置按钮使用图片按钮 <input name...type设置为file 邮箱　　与以上的表单元素不同的是...search搜索不只是谷歌和百度是任意一个搜索框表单的隐藏域　　将type...属性设置为hidden隐藏类型即可创建一个隐藏域表单的只读与禁用　　只读场景　　　　　　网站服务器方不希望用户修改数据...只读禁用规范　　对于布尔类型的属性，属性值可以省略

4.7K9 0

HTML5-定制input元素

图 chrome下展示 ?...生成只读或被禁用的文本框 readonly和disabled属性都可以用来生成用户不能编辑的文本框，其结果的外观不同。...用input元素获取时间和日期 type属性值说明示例(chrome下) datetime 获取世界时日期和时间，包括时区信息根据填写情况 datetime-local 获取本地日期和时间，不包括时区信息...用input元素上传文件 input元素类型是file型，它可以在提交表单时将文件上传到服务器。...="file" name="filedata" id="filedata"> 提交注意：表单编码类型为multipart

1.8K4 1

表单脚本

提交表单（1）提交按钮提交方式1：通用提交按钮方式2：自定义提交按钮 Submit Form Submit FormGreen Blue <button type="submit"...，表示当前字段是否只读 tabIndex 表示当前字段的切换（tab）序号 type 当前字段的类型 value 当前字段被提交给服务器的值。

4.8K4 1

Python Xpath解析数据提取基本使用

[@type=‘submit’ and @name=‘fuck’] 选取文档中所有属性type值="submit"且属性name值=‘fuck’ 的input元素。...//input[@type=‘submit’ or @name=‘fuck’] 选取文档中所有属性type值="submit"或属性name值=‘fuck’ 的input元素。...[@type='submit']/text()") # 获取input元素的文本 selects.xpath("//input[@type='submit']/@title") # 获取input...selects.xpath("//ul[@class='xxx']/li") # 获取ul元素下的所有个li元素,返回list类型 for li in li_list: # 将返回的...插件) Xpath Helper 国内下载地址：https://chrome.zzzmh.cn/info?

2.1K3 0

Selenium+dddocr轻松解决Web自动化验证码识别

') password_input.send_keys('your_password') submit_button = driver.find_element(By.ID, 'submit-button...id为'username-input'，密码输入框的id为'password-input'，登录按钮的id为'submit-button'。...driver.execute_script("return arguments[0].toDataURL('image/png').substring(21);", captcha_image) 将base64...') password_input.send_keys('your_password') submit_button = driver.find_element(By.ID, 'submit-button...id为'username-input'，密码输入框的id为'password-input'，登录按钮的id为'submit-button'。

1.3K2 0

Python + Splinter 实现浏览器自动化操作入门指南

通过以下操作找到百度搜索按钮： button = browser.find_by_xpath('//input[@type="submit"]') 提示一下，这个 xpath 语法所在的按钮会在百度搜索页面的源码中被找到...找到按钮后，我们就可以进行点击操作: button.click() 提示: 以上展示的两步可以结合为一行代码，如下所示: browser.find_by_xpath('//input[@type="...submit"]').click() 查看 Splinter 官方网站是否在搜索结果中点击搜索按钮后，你可以通过以下步骤检测 Splinter 官方网站是否在搜索结果中。...[@type="submit"]').click() if browser.is_text_present('splinter.readthedocs'): print "Yes, the official...（Ps: 我为这个功能做了一点微小的工作）参考 Splinter 官方文档 Splinter 中文文档

2.7K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

为什么Chrome将input[type=submit]视为只读？(不再工作)

相关·内容

onbeforeunload事件_pageload事件何时触发

用 ref 访问 Vue.js 程序中的 DOM

HTMLHTML5 Input类型&&表单

浏览器自动填充密码分析及解决

Selenium+JQuery定位方法及应用

跨站脚本（XSS）备忘录-2019版

Spring Security 之防漏洞攻击

使用 flask + selenium 中转 SQLmap 进行注入

现场打脸：如何使用Selenium批量上传文件？

JavaScript 表单处理

HTML基础知识之表单

HTML5新增属性学习笔记

HTML 笔记

Django表单提交后实现获取相同name的不同value值

表单

HTML5-定制input元素

表单脚本

Python Xpath解析数据提取基本使用

Selenium+dddocr轻松解决Web自动化验证码识别

Python + Splinter 实现浏览器自动化操作入门指南

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐