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

[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相关知识,较为简单。
我是秋说,我们下次见。

posted @ 2023-05-21 09:16  秋说  阅读(67)  评论(0编辑  收藏  举报  来源