HTML----常用标记(表单标记、表单提交)

1. 表单标记

表单作用:为了收集用户信息的作用,如:登录、注册、搜索

文本框

  <input  type = " text "   name = " 名称 "  />

密码框

  <input  type = " password "    name = " 名称 "   />

单选框

  <input  type = " radio "   name = " 名称 "   checked = " checked "   />

  <input  type =  " radio "   name = " 名称 "  />

注意:如果是一套选择选中一个,名称必须一致,否则就是两套选项

   checked = " checked":默认选项

多选框

  <input  type = " checkbox "  name = " 名称 "    />

  <input  type = " checkbox "  name = " 名称 "   />

注意:如果是一套选择选中一个,名称必须一致,否则就是两套选项

   checked = " checked":默认选项

下拉框 

  <select name=”名称”>

    <option>西红柿盖饭</option>

    <option>红烧牛肉盖饭</option>

    ............

  </select>

多行文本框

  <textarea  name = " 名称 "></textarea>

上传按钮

  <input  type = " file "   name = " 名称 "  />

隐藏菜单

  <input  type = " hidden "  name= " 名称 " />

提交按钮、重置按钮、图片提交按钮、普通按钮

  <input  type = " submit "   name = " 提交 "  />

  <input  type = " reset "   name = " 重置表单 "  />

  <input  type = " image "   name = " 空名 "  src = " 图片地址 "  />

  <input  type = " buttom "   name = " 普通 "  />

区分标记的方式:表单标记有自己的区分方式----name属性,给所有的表单加名称来区分,name = " 名称 "

2. 表单提交

表单的值怎么传递到后台的某个页面(提交服务器)

<form   action = "xxxx.py"   mehod = "post"  enctype = "multipart/form-data" >   表单提交的作用

    所有的表单必须加一个共同的属性:value = "值"  

    如:<input  type = "text"  name = "username "   value = "abc"   />

</form>

注解:action=" 要把表单的数据提交到哪里的地址 "

   mehod = " 提交的类型,get类型和post类型  "

   enctype = "multipart/form-data",如果需要上传必须加的属性,如果没有上传可以不加

   value = " 值 " ,必须加value原因是服务器要接收到表单传递的值,如果没有value的值,服务器是无法接收,其实就是服务器只能从value里面获取值,别的位置不可以。

 

注意1:像文本框这种用户填写的表单标记,value可以不写值,为空即可,如果写了值,提交时会把默认值提交上去,当然除非改掉默认值。

注意2:像下拉框这种用户选择而不能填写的,必须有value值,如果没有那么提交的时候就没有值。

类型:GET 和 POST(提交数据的两种方式)

GET :明文,通过浏览器的地址栏的明文放肆传递

xxxx.py 后面一大堆:要提交的文件名以及和数据分区

数据:uname = &username=&pwd=&sex=on&city=on&ci=盖浇饭&j=head-img=&提交=提交

分析数据格式:username 、pwd、sex、city、ci、j、head-img等都是name名称

=内容:就是value的值

POST:暗文/密文,看不懂,偷偷的传递数据。

 

posted @ 2020-04-07 08:43  不懂开发的程序猿!  阅读(1962)  评论(0编辑  收藏  举报