1、表单（重要）
1、表单用途
2、基本使用
表单是一个双边标记， <form></form>
【注】将能够收集用户信息的标签放到form里面，不要将a标签或者p标签放到form里面，没
有任何意义。
能够收集用户信息的标签：input select textarea
3、form中的action、method、enctype(multipart/form-data)
action:要提交的地址，都是php文件
method:要提交的方式，分为两种，post和get
get：在url中将参数传递过去（这是默认提交方法）
post：在http协议请求头中将数据提交过去(以键值对方式提交过去)
enctype：编码类型，默认不用写，只有在上传文件的时候需要将该类型指定为
multipart/form-data
4、input button
属性：type size value maxlength readonly disabled placeholder
size:能显示的字符宽度（但是还是可以输入的）
value：文本框中默认的值
maxlength:能写的最大字数
readonly:只读的,不能修改
disabled:禁用状态,颜色会变灰
placeholder:占位符
type：
text:文本输入框 【注】要给该输入框name属性
password：密码框 【注】要给该输入框name属性
radio:单选框
【注1】所有的单选框name值都要求一样
【注2】所有的单选框都要求给value值，用来在服务器端区分用
户点击的是哪个单选框
给其中一个单选框写上checked属性，代表默认选中这个单选框
checkbox(checked):多选框
【注1】所有的多选框都要给name值
【注2】所有的多选框都要给value值
【注3】name值要求是这种格式 love[]
【注4】value值要求是这种格式 1 2 4 8 16...
submit:提交按钮，默认显示文字是‘提交’，如果想要改变显示文字，设
置其value值即可
【注】也可以给name值，后续会判断是否是通过点击这个按钮进入到处理
页面的
hidden：隐藏 【重要】
当需要通过唯一的id号来区分用户的时候，但是该文本框不用对用户公开
，这个时候可以使用hidden文本框将id号传递到服务器
file：上传文件时候用到，现在不用（了解）
button:按钮类型，配合js（javascript）使用。(了解)
reset:重置按钮，将用户填写的信息全部抹掉，恢复原来的样子
button:按钮标签（双边），用到form中，和submit效果一样，一般使用submit（了
解）
5、select(multiple size name) option(value selected)
下拉框
【注】name值必须写在select标签中，value值可以不写，如果不写，值就是option中你写的
内容，但是推荐写上
size:显示下拉框的内容个数
multiple:多重的，多样的，代表可以多选
6、label（for）
解决点击文字依然可以选中单选框或者多选框
用法见代码
<input type="radio" name="sex" value="1" id="nan"><label for="nan">男</label>
7、textarea（cols、rows）:文本域标签
通过cols（多少列）和rows（多少行）来控制文本域的大小。
【注】标签之间不要写任何内容，否则会体现到页面中
2、头元素标签
SEO:搜索引擎优化
<link rel="stylesheet" type="text/css" href="1.css" />
链接外部的css样式
<meta charset="utf-8">
设置字符集
<meta name="keywords" content= "iOS培训 PHP培训" />
堆积网站关键字，用来提高网站的排名
<meta name= "description" content= "这里是良心教育培训基地" />
关于本网站的描述信息
<meta http-equiv="refresh" content= "3;url=http://www.baidu.com " >
在3s之后自动跳转到百度首页
<meta http-equiv="pragma" content="no-cache">
不需要缓存
<meta http-equiv="expires" content="Mon,12,May 2001 00:20 GMT">
缓存的过期日期
<meta http-equiv="content-type" content="text/html;charset=gb2312">
在浏览器中显示的样式
<meta charset="utf-8">
3、无意义标签
div：块标签
span：行内标签
header section footer :这三个和div的意义一样，只不过告诉前端妹子这里是头部，主体
或者尾部。
网友评论