[CTF/网络安全] 攻防世界 disabled_button 解题详析

题目描述：X老师今天上课讲了前端知识，然后给了大家一个不能按的按钮，小宁惊奇地发现这个按钮按不下去，到底怎么才能按下去呢？

input标签

题目提示前端知识，由HTML相关知识可知，该按钮即<input>标签不能提交的原因有以下六种：

1. 没有包含在表单中：<input> 标签必须包含在表单元素<form>内才能进行提交。如果没有将标签包含在表单中，则无法将其提交。

2. 没有设定正确的 type 属性：<input> 标签的 type 属性控制其行为。如果设置了错误的 type 属性，例如将其设定为 type="button"或 type="reset"，则该标签不会提交表单。

3. 带有 disabled 属性：如果 <input> 标签带有 disabled 属性，则该标签不可用，不会提交表单。这通常是为了避免用户不必要地重复提交表单、防止误操作或者其他原因而将按钮禁用。

4. 未填写必填项：如果该 <input> 标签是必填字段，但用户未填写数据，则此标签不会提交表单。

5. 表单验证失败：如果表单包含了 JavaScript 验证代码，验证结果为 “false”，则该 <input> 标签也不会提交表单。

6. 未设置正确的 name 属性：如果 <input> 标签的 name 属性未设置，或者设置了错误的名称，那么提交表单时，服务器无法识别该字段。

---

姿势

打开查看器可知，disabled 属性使按钮无法被点击

---

disable属性

在HTML中， disabled 属性只有两个值：一个是不带值（例如：disabled），表示禁用该元素；另一个是带有任意非空值（例如：disabled="true"），表示禁用该元素并将其状态提交到服务端。

如果要使 <input> 标签生效，需要将其 disabled 属性从标签中删除。

---

将 disabled 属性从 <input> 标签中移除
单击鼠标右键，点击编辑HTML即可：

回显如下：

---

总结

该题考察HTML相关知识，较为简单。