html5 不让点击的代码怎么写 html按钮不可点击_表单

我觉得戴上手套按应该可以!

方法一:

打开网址,发现flag按钮无法点击,F12查看源代码,删除disabled=" ",flag就点击了。

html5 不让点击的代码怎么写 html按钮不可点击_表单_02


html5 不让点击的代码怎么写 html按钮不可点击_服务器端_03

方法二

POST请求,

html5 不让点击的代码怎么写 html按钮不可点击_数据_04

先分析一下源代码,

html5 不让点击的代码怎么写 html按钮不可点击_服务器端_05

<h3>一个不能按的按钮</h3>
<form action="" method="post">
<input disabled="" class="btn btn-default" style="height:50px;width:200px;" type="submit" value="flag" name="auth">
</form>
  • action:规定此表单就交给了那个文件执行,向何处发送表单数据,这里为空;
  • :标签用于为用户输入创建HTML表单;
  • method:表示请求方法,这里是POST请求;
  • :用于搜集用户信息;
  • disabled:disabled属性规定应该禁用input元素,这里就是禁用包含它的input元素,这也就是点击不了flag按钮的原因,都禁用input标签了;
  • class:class属性规定元素的类名(classname),大多数时候用于指向样式表中的类(class)
  • btn btn-default:默认按钮的样式;
  • style:style属性规定元素的行内样式;
  • height:50px;width:200px;这里是规定了高和宽的像素;
  • type:type属性规定input元素的类型;
  • submit:定义提交按钮,提交按钮会把表单数据发送到服务器;
  • value:value属性为input元素设定值;

在这个题目里,Name属性值为auth,也就是这个表单数据传输到服务器时,是以auth=表单数据进行传输的。通俗点讲就是,服务器端接受的代码是这样的

<?php echo $_POST["auth"];?>

接收表单传来的值,php中的auth是$_POST的变量;所以只要记住,表单中name属性值的名称就是服务器端$_POST的变量名;

  • auth:服务器端接收数据所使用的变量名。