CTF攻防世界WEB精选基础入门:disabled_button
知识点补充(建议先看完然后再自己思考)
<input>
标签无法提交表单的六种原因:
未包含在表单中:
<input>
必须放在<form>
元素内,否则无法触发提交。type 属性错误:如果 type 设置为
"button"
或"reset"
,而非"submit"
,则不会提交表单。带有 disabled 属性:一旦添加
disabled
属性(无论是否赋值),该元素会被禁用,无法提交。未填写必填项:如果字段标记为必填(如
required
属性),但用户未输入内容,提交会被阻止。表单验证失败:通过 JavaScript 添加的自定义验证逻辑返回
false
时,提交会中止。name 属性缺失或错误:未设置
name
属性或名称不正确,服务器无法识别该字段数据。
关于 disabled
属性:
作用:禁用元素,使其不可用(用户无法交互)。
取值:有两种形式:
无值(如
disabled
),表示禁用。带任意非空值(如
disabled="true"
),同样表示禁用,且状态可能被提交到服务器。
如何启用:要恢复
<input>
的功能,必须完全移除disabled
属性(仅修改值无效)。
解题思路
题目提示,主要考查前端代码元素的调用,直接f12查看源代码再元素中发现有一个是控制flag的代码
更具上述补充,我们可以发现点击不了的原因是第三点
现在有两个解题方法
一:双击disabled然后直接删除
二:改写disabled="true"