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:暗文/密文,看不懂,偷偷的传递数据。
推荐阅读