开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

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

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

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

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

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

参考链接：

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

有帮助

没帮助

相关·内容

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

我们在开发的过程中，经常会遇到一个问题，设置密码的页面，密码框被自动填充了密码，这是什么原因呢？又如何解决呢？

04

HTML/HTML5 Input类型&&表单

1.HTML 中"不常用"input类型中的属性值： disabled：输入字段禁用； maxlength：输入字段的最大字符长度； readonly：输入字符只读，无法修改； size：输入字段可见字符数。 1 <form action="" method="get"> 2 <input type="text" name="text1" id="" value="1" disabled>
3 <input type="text" na

07

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

我们知道，Selenium里面，当我们获得一个 element 对象的时候，如果它是一个输入框，那么我们可以使用.send_keys()方法，模拟键盘按键，发送特定的字符串到输入框中，例如：

02

onbeforeunload事件_pageload事件何时触发

注意：为了防止不需要的弹出窗口，浏览器可能不会显示在beforeunload事件处理程序中创建的提示，除非页面已与之交互，甚至根本不显示它们。

02

用 ref 访问 Vue.js 程序中的 DOM[每日前端夜话0x9C]

本文适用于所有使用 Vue 的开发人，包括初学者。在阅读本文之前，你应该具备一些前提条件：

02

用神奇的 form 验证 API 来优化你的表单验证

鱼头曾在『极限版』不掺水，用纯 CSS 来实现超飒的表单验证功能一文中分享过一个花里胡哨的纯 CSS 的表单验证功能。虽然仅仅依赖 CSS 是无法满足我们的日常开发需求的，但是配合着各种原生的 form 验证 API ，情况又不一样了。

02

JavaScript 表单处理

为了分担服务器处理表单的压力，JavaScript提供了一些解决方案，从而大大打破了处处依赖服务器的局面。一．表单介绍在HTML中，表单是由<form>元素来表示的，而在JavaScript中，表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElement，因此它拥有HTML元素具有的默认属性，并且还独有自己的属性和方法： HTMLFormElement属性和方法属性或方法说明 acceptCharset 服务器能够处理

HTML基础知识之表单

表单的用途非常广泛，比如电子邮箱、用户注册登录、网上搜索等，简单来说，表单是一个将用户信息阻止起来的容器；

03

表单

1.表单控件 1.input标记 1.input标记提供文本输入框，密码输入框，按钮，单选按钮，多选按钮，文件上传框，隐藏域 2.属性 type:类型根据不同的type值，创建不同的输入框 value：输入框的值 name:给输入框起个名字(必须要写) disabled：禁止 3.具体的表单type值 1.文本框 <input type="text"/> 属性: value：输入框的值 maxlength:允许输入的最大长度 readonly:只读 2.密码框 <input type="password"/> 属性: value：输入框的值 maxlength:允许输入的最大长度 readonly:只读 3.单选框 <input type="radio"/> 属性 name属性的值必须一样(必须要加) checked:选中 4.多选框 <input type="checkbox"/> 5.按钮 1.普通按钮:button <input type="button" value="普通按钮"/> value属性 2.提交按钮:submit <input type="submit" value="提交按钮"/> 3.重置按钮:reset <input type="reset" value="重置按钮"/> 6.文件上传框:file <input type="file"/> 2.<textarea></textarea>标记 1.多行文本框 2.语法 <textarea></textarea> 3.属性 name:命名 cols:代表多少列 ----输入框显示做多显示列数 rows:代表多少行 ----输入框显示做多显示行数 readonly:只读 ---- 输入框的内容无法输入 3.select下拉标记 1.语法

03

Html 表单

一、表单语法<form method="post" action="result.html">

名字：<input name="name" type="text" >

密码：<input name="pass" type="password" >

<input type="submit" name="Button" value="提交"/><input type="reset" name="Reset" value="重填“/> </p></form>二、表单元

03

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

前言 Splinter 是用 Python 开发的一个开源web自动化测试的工具集。它可以帮你自动化浏览器的行为，比如浏览 URLs 并和页面进行交互。快速上手安装从终端运行： pip install splinter 安装相应的浏览器驱动 Chrome浏览器驱动：https://sites.google.com/a/chromium.org/chromedriver/downloads Firefox浏览器驱动：https://github.com/mozilla/geckodriver/re

06

详解：:read-only只能读只能写read-write 14

readonly=“readonly” readonly 属性规定输入字段为只读。只读字段是不能修改的问题可以不可以点击？可以 disabled=“disabled” disabled 属性规定应该禁用 input 元素。

02

HTML5新增属性学习笔记

1、form属性表单内的从属元素，可以写在表单外部。可以通过指定元素的form属性来声明元素所属表单。form的属性值为表单的id。 1 <form id="testForm"> 2 <input type="text"> 3 </form> 4 <textarea form="testForm"></textarea> 详细学习内容可参看：HTML5新增的form属性简介 2、formaction属性给所有的提交按钮增加formaction属性，可以通过不同的按钮将表单提交到不同的页面。 1

09

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

这是一份跨站脚本（XSS）备忘录，收集了大量的XSS攻击向量，包含了各种事件处理、通讯协议、特殊属性、限制字符、编码方式、沙箱逃逸等技巧，可以帮助渗透测试人员绕过WAF和过滤机制。

01

软件测试/测试开发|Python selenium CSS定位方法详解

CSS选择器是一种用于选择HTML元素的模式。它允许我们根据元素的标签名、类名、ID、属性等属性进行选择。CSS选择器的语法简单而灵活，是前端开发中常用的定位元素的方式。

01

html5 表单元素示例

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html5中的表单</title> <script type="text/javascript"> var flag = true; function checkMail(){ var url = document.getElementById("url"); if (url.value==""){ //表单提交时自定义验证信息

02

表单

一.表单　　表单就是一个将用户信息组织起来的容器：　　　　<将需要用户填写的内容放置在表单容器中，当用户单击"提交"按钮的时候，表单会将数据统一发送给服务器> 　　1.表单的内容: 　　　　1）创建表单后，就可以在表单中放置控件以接受用户的输入　　　　2）这些控件通常放在<form></form>标签之间，也可以在表单之外用来创建用户界面　　　　3）不同的表单控件有不同的用途　　 2.表单标签及表单属性　　　　表单的创建：<from>...</from>该标签用于在网页中

09

VFP轻松搞定BS的增删查改，新世界的大门就此打开，谁能搞定就能接单

开发环境： 1.VFP SP2 7423 2.祺佑三层开发框架学BS就要先学本质，不要被花式迷了眼，本来是学BS开发的，结果一直在CSS化妆术里面打圈。

02

HTML 笔记

1. 什么是HTML？超文本标记语言, <标签名>--标记（标签、节点） 2. HTML是由：标签和内容构成

06

表单脚本

刚开始人们使用JavaScript，最主要的目的之一就是表单的验证，分担服务器处理表单的责任。虽然现流行的大部分提交方式是通过ajax，但了解表单，对于ajax方式也是有重大帮助的！所以，大家不要看轻表单。

04

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

XPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历，XPath 是 W3C XSLT 标准的主要元素，并且 XQuery 和 XPointer 都构建于 XPath 表达之上。

03

React受控与非受控组件

表单项的元素 input/textarea/select 等需要维护自己的state，并根据用户输入进行更新。可变状态通常保存在组件的state中，只能通过setState()进行更新。

01

input属性bypass csp

前两天看到一篇文章，可以通过input标签的某些属性，来控制form获取crsftoken并且完美bypass csp。

02

HTML5全局属性汇总

局部属性：有些元素能规定自己的属性，这种属性称为局部属性。比如 link 元素，它具有的局部属性有 href、 rel、 hreflang、 media、 type、 sizes 这六个。全局属性：可以用来配置所有元素共有的行为，这种属性称为全局属性，可以用在任何一个元素身上。

00

新手如何在 ES6 如何操作HTML DOM元素？

DOM代表文档对象**模型。HTML 页面在浏览器中呈现。浏览器将从网络服务器下载的页面中包含的所有元素组装到其内存中。一旦完成，浏览器就会在浏览器窗口中显示这些对象，一旦完成，浏览器就无法再识别单个 HTML 元素。支持 JavaScript 的浏览器能够在 HTML 页面在浏览器中呈现之后识别该页面中的各个对象，因为支持 JavaScript 的浏览器可以识别并使用 DOM。因此，允许随意控制对象的功能。

02

55. Python 爬虫（4）

Selenium IDE：是firefox的一个插件，允许测试人员录制脚本并回放。

03

HTML5-定制input元素

input元素可以生成一个供用户输入数据的简单文本框。其缺点在于用户在其中输入什么值都可以，可以配置type类型来获取额外的属性。其中type属性有23个不同的值，而input元素共有30个属性，其中许多属性只能与特定的type属性值搭配使用。

04

HTML5 新特性_CSS3新特性

（1）HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准；

03

JavaScript(十三)

这一篇，我们说说表单。 JavaScript 最初的一个应用，就是分担服务器处理表单的责任。

02

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

dddocr是一个基于深度学习的OCR（Optical Character Recognition，光学字符识别）库，用于识别图片中的文字。它可以识别各种类型的文字，包括印刷体、手写体、表格、条形码等。dddocr库使用了深度卷积神经网络（CNN）和循环神经网络（RNN）等先进的模型，具有较高的准确性和稳定性。

02

Vite 项目中如何去集成 Sass

样式方面我们首先是会想到要给项目进行默认样式的重置，此时我们应当去使用一个比较稳定的npm 包的样式重置代码：

00

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

逛 tools 看到大佬使用这种方式日站，感觉蛮有意思的，就本地来实现玩玩。开头放上原文链接，以表崇拜之情：

02

HTML 表单和约束验证的完整指南

在本文中，我们将研究 HTML 表单字段和 HTML5 提供的验证选项。我们还将研究如何通过使用 CSS 和 JavaScript 来增强这些功能。

04

Waves：类Material Design 的圆形波浪（涟漪）点击特效插件

Google Material Design 相信你也了解不少了，但目前无论是应用端还是网页端，可参考案例尚少。本着补充《Material Design 一些相关中文资料/资源收集汇总》一文的目的，介绍一款类Google Material Design 的圆形波浪（涟漪）点击特效插件Waves。 Google Material Design 中有一个特效，点击某个色块区域会有圆形波浪（涟漪）渐现放大的效果（当然，对应应用端则为触摸事件）。Waves 就是这么一款在网页上实现该特效的javascript 插件

07

前端文件夹上传解决方案

背景: 　　今天在改功能的时候,居然有一个批量挂接电子文件的这样的一个功能,前端要求选择文件夹? 解决方案: 1:选择多个文件 2:其次前端选择文件夹如果没有浏览器要求建议使用选择文件夹,比较方便,

03

HTML表单__表单元素属性

看完“HTML表单__表单元素”那一节的同学会发现，同是input标签，type属性值不一样的时候，input类型完全不一样。type就是input的一个属性，除type之外，还有很多属性，接下来我们开始了解表单元素属性都有哪些？

03

python使用selenium模拟操作Chrome浏览器

1、安装selenium pip install selenium 2、打开浏览器登录获取cookie from selenium import webdriver import time import json driver = webdriver.Chrome() # 创建Chrome对象. # 操作这个对象. driver.get('https://baidu.com') # get方式访问 time.sleep(5) el = driver.find_element_by_x

02

HTML表单__表单元素属性

看完“HTML表单__表单元素”那一节的同学会发现，同是input标签，type属性值不一样的时候，input类型完全不一样。type就是input的一个属性，除type之外，还有很多属性，接下来我们开始了解表单元素属性都有哪些？

02

移动端（h5）自动填充短信验证码

api文档参考：https://web.dev/web-otp/#see-it-in-action

01

防止Web表单重复提交的方法总结

在Web开发中，对于处理表单重复提交是经常要面对的事情。那么，存在哪些场景会导致表单重复提交呢？表单重复提交会带来什么问题？有哪些方法可以避免表单重复提交？

02

JavaScript表单基础

我们应该知道JavaScript设计的的初衷很大程度上是为了处理表单验证，因为在那个远古时代表单验证是通过后台来验证的，网速都比较慢，我们向后台发送数据都需要很长时间才能接收返回数据，动则几分钟少则几十秒，用户体验极其不佳。JavaScript在设计在网页校验，直接就能告诉用户结果，它还增加了很多表单控件的默认行为，这直接让这门语言火了起来。

02

我的HTML总结之表单

表单是Web中实现交互的重要方法，用于收集用户信息并提交给服务器。表单中的9大控件 <input type="text" name="key" value="123" readonly="reado

07

React的受控组件用法详解！

用state来获取和设置输入元素值的组件，称之为受控组件。<input type="text">, <textarea> 和 <select> 等标签都可用 value 属性，来实现受控组件。

04

《HTML5实战》Lesson02

Week02 2016/09/21上午1-4节一、Modernizr.js的作用解决不支持css3+html5浏览器的兼容性 Modernizr.js:为HTML5和CSS3而生！-前端开发博客 Modernizr的介绍和使用-刘一痕-ChinaUnix博客 Modernizr.js入门指南 - 推酷二、Modernizr.js的下载官方网站： Modernizr: the feature detection library for HTML5/CSS3 GitHub - Mode

09

零代码编程：用ChatGPT自动输入账号密码来登陆网站

现在很多网站都需要登陆账号和密码才能访问。如果要进行一些批量自动化操作，首先要做的就是模拟自动登陆。

01

写个自己的chrome插件

有没有好奇chrome[1]插件是用什么做的？像类似掘金插件又是怎么实现的，当我安装稀土掘金插件后，我的导航页都被改掉了，因此你也可以做一个类似的插件，来导航你公司的一些产品，方便快捷的实现你的内部导航

01

【JS】JavaScript 基础入门

theme: healer-readable highlight: a11y-dark

03

playwright基础教程

Playwright是一个由Microsoft开发的自动化测试工具，可以用来测试Web应用程序。它支持多种编程语言和多个浏览器，包括Chrome，Firefox和WebKit。它通过提供一组API，使得开发人员可以在浏览器中模拟用户行为，例如单击，输入文本和导航到不同的页面，同时还能捕捉截图和视频。

02

【移动端网页布局】移动端网页布局基础概念 ⑨ ( webkit 内核 | 移动端网页 CSS 初始化 - normalize.css )

移动端浏览器都是基于 webkit 内核的 , QQ 浏览器 / 百度 / Safari / UC 都是基于 webkit 内核的 ;

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭