[CTF/网络安全] 攻防世界 disabled_button 解题详析
- input标签
- 姿势
- disable属性
- 总结
题目描述:X老师今天上课讲了前端知识,然后给了大家一个不能按的按钮,小宁惊奇地发现这个按钮按不下去,到底怎么才能按下去呢?
input标签
题目提示前端知识,由HTML相关知识可知,该按钮即<input>标签
不能提交的原因有以下六种:
-
没有包含在表单中:
<input>
标签必须包含在表单元素<form>
内才能进行提交。如果没有将标签包含在表单中,则无法将其提交。 -
没有设定正确的
type
属性:<input>
标签的type
属性控制其行为。如果设置了错误的type
属性,例如将其设定为type="button"
或type="reset"
,则该标签不会提交表单。 -
带有
disabled
属性:如果<input>
标签带有disabled
属性,则该标签不可用,不会提交表单。这通常是为了避免用户不必要地重复提交表单、防止误操作或者其他原因而将按钮禁用。 -
未填写必填项:如果该
<input>
标签是必填字段,但用户未填写数据,则此标签不会提交表单。 -
表单验证失败:如果表单包含了 JavaScript 验证代码,验证结果为 “false”,则该
<input>
标签也不会提交表单。 -
未设置正确的
name
属性:如果<input>
标签的name
属性未设置,或者设置了错误的名称,那么提交表单时,服务器无法识别该字段。
姿势
打开查看器可知,disabled 属性使按钮无法被点击
disable属性
在HTML中, disabled
属性只有两个值:一个是不带值(例如:disabled
),表示禁用该元素;另一个是带有任意非空值(例如:disabled="true"
),表示禁用该元素并将其状态提交到服务端。
如果要使 <input>
标签生效,需要将其 disabled
属性从标签中删除。
将 disabled 属性从 <input> 标签中移除
单击鼠标右键,点击编辑HTML即可:
回显如下:
总结
该题考察HTML相关知识,较为简单。
我是秋说,我们下次见。