首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

【HTML】HTML 表单 ① ( input 表单控件 | input 标签语法 | input 标签属性 | type 属性 | value 属性 | name 属性 | checked 属性 )

文章目录 一、HTML 表单 二、input 表单控件 1、input 标签语法 2、input 标签属性 3、type 属性 5、value 属性 6、name 属性 7、checked 属性 一...; 2、input 标签属性 input 标签的属性 : type : input 标签的 type 属性 , 用于 设置 控件类型 , 如 : 设置 text 类型 , 就是 输入框 ; name :...input 标签的 type 属性值 : input 标签的 type 属性 , 用于 设置 控件类型 , 如 : 设置 text 类型 , 就是 输入框 ; text : 文本输入框 ; password...找到 表单 ; name 属性值是 用户 自定义的字符串 ; 在 单选按钮 选项中 , name 属性可以多个 radio 表单控件组合在一起 , 作为 单选选项 ; 代码示例 : <!...属性 checked 属性 用于设置 单选框 和 复选框 的 默认选项 属性 ; 代码示例 : 在下面的代码中 , 为 radio 设置一个 默认选中的属性 ; <!

7.1K10

input属性bypass csp

前两天看到一篇文章,可以通过input标签的某些属性,来控制form获取crsftoken并且完美bypass csp。...labs.detectify.com/2016/04/04/csp-bypassing-form-action-with-reflected-xss/ 首先测试环境设置default-src: 'none'禁止所有的js...脚本,所以执行js是没办法了,但是却可以通过巧妙地方式csrf,这里使用的就是link标签,这里就不多说了,之前写过一篇文章专门讲link标签… 首先我们的测试环境是这样的: <body...http://www.w3school.com.cn/tags/tag_input.asp 属性 值 描述 formaction URL 覆盖表单的 action 属性。...(适用于 type=”submit” 和 type=”image”) 我们这下就比较好理解上面的payload了,上面构造的input覆盖了下面这个表单的各个属性

58220

input切换显示与隐藏,歘~

input切换显示与隐藏,歘~ 如果你觉得自己被骗了,或者学习过后觉得动画过于浅显,请再信我一次 ? 来吧,展示: <!...首先创建一个input , 我们把格式改为 checkbox(复选框) 因为复选框可以切换选中与不选中,这样我们就拥有了两种状态,我想把一行文字与复选框绑定在一起...为了美观我把input隐藏了,但这不影响input发挥作用。 <img src="https://img-blog.csdnimg.cn/20200831210809470.png?...<em>input</em>:checked+label:before{ content:“许愿成功”; } 这段代码的意思是,当<em>input</em>被触发“选中”状态时,<em>input</em>旁边的第一个label添加文字, 如果之前添加过...此时就实现了点击切换文字,图片为显示状态,接下来就是关键性的动画,我们会用到两个<em>属性</em>,一个是变换中的缩放<em>属性</em> transform:scale();另一个是opacity,意为:透明度。

2.4K20

jsInput事件

Input Event常用事件触发的先后顺序如下: 1 keydown 2 keypress 3 textInput 4 input 5 keyup keydown,keyup 1 全部浏览器支持 2...返回键盘上按键对应的ASCII码 (IE8-,Opera) textInput 1 IE9+,Chrome,Safari支持,别的浏览器不支持 2 在文本插入文本框之前触发,便于检查拦截用户输入使用 3 在input...:text,input:password,input:search,textarea以及元素是contentEditable模式时支持触发此事件 4 event.data,返回用户输入的文本 (如果按键是...s,那么返回s; 如果按键是s+Shift,那么返回S) 5 IE9中事件名为textinput(全小写,其它浏览器中I需要大写) input 1 IE9+,Firefox,Chrome,Safari,...Opera支持 2 在内容变化时,实时触发 3 在input:text,input:password,input:search,textarea支持触发此事件,在内容变化时,实时触发 (与onchange

10.2K30

input获取焦点 原生js_原生jsinput事件

1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空。...3.onchange 当input失去焦点并且它的value值发生变化时触发,个人感觉可以用于注册时的确认密码。...type=button,input作为一个按钮使用时的鼠标点击事件 7.onselect 当input里的内容文本被选中后执行,只要选择了就会触发,不是全部选中 8.oninput 当input的...value值发生变化时就会触发,(与onchange的区别是不用等到失去焦点就可以触发了) 使用方法: 以上事件可以直接放到input属性里,例如: 1 , 可以通过jsinput dom元素添加相应的事件..., 2 document.getElementByTagName(‘input’).onfocus = function(); 3 事件监听。

25.3K60

Node.js生态系统的隐藏属性滥用攻击

LYNX 应用于一组广泛使用的 Node.js 程序,并确定了 15 个以前未知的漏洞。目前已经向 Node.js 社区报告了所有发现。...有害的隐藏属性:如果攻击者可以滥用隐藏属性意外行为引入模块,则该隐藏属性被认为是有害的。在本文中,从以下三个方面考虑潜在的攻击效果:• 机密性:隐藏属性可能会导致敏感信息在被滥用时泄露。...因此,新的输入对象 O’input 是 {“email”:”a@ gmail.com”, unique_key: unique_value}。...在以下部分中,通过三个研究问题讨论评估结果:• RQ1:隐藏属性是否普遍存在于广泛使用的 Node.js 程序中?• RQ2:LYNX 能否有效检测有害的隐藏属性并生成相应的漏洞利用?...但是发现mongoDB允许input通过HPA修改这个属性。由于 mongoDB 根据预定义的类型处理查询对象。

17020

input标签的type属性汇总

1.单行输入框 单行文本输入框常用来输入简短的信息,如用户名、账号等,常用的属性有name、value、 maxlength。...4.复选框 复选框常用于多项选择,如选择兴趣、爱好等,可对其应用 checked属性,指定默认选中项。...需要注意的是,必须为其定义src属性指定图像的url地址。 9.隐藏隐藏域对于用户是不可见的,通常用于后台的程序,初学者了解即可。...10.文件域 当定义文件域时,页面中将出现一个“选择文件”按钮和提示信息文本,用户可以通过单击按钮然后直接选择文件的方式,文件提交给后台服务器。...11.emai类型 emai类型的标记是一种专门用于输入E-mai地址的文本输入框,用来验证emai输入框的内容是否符合E-mai地址格式;如果不符合,提示相应的错误信息

69710
领券