第二次网页前端培训笔记(HTML P4-7)

5、表单及其元素

5.1 form

表单标签，块级元素，会自动换行，将数据传输给服务器

常用属性

• action  表单提交的地址（必须属性）
• id  唯一标识
• name  名称
• target  表单提交打开方式（默认当前窗口）
• method  提交方式     1).get请求（默认）:参数直接跟在url后面，用问号拼接，安全性差，传递数据量小，效率高（是post速度的两倍），有缓存                      2). post请求:参数不会跟在url后面，会放在请求体中安全性高，传输数据量大，速度相对来说慢，无缓存

5.2 input

单标签，表单元素都需要设置name属性值，否则数据无法传递

input元素

• type  表单元素的类型       1).text文本框        2).password密码框         3).radio单选框（需要设置一组相同的name属性值）        4).checkbox复选框（需要设置一组相同的name属性值）    5).button按钮          6).hidden隐藏域（存放需要传送给服务器，但不需要显示的数据）       7). file文本域（上传文件）         8).date日期框            9).submit提交按钮         10).reset 重置按钮         11).image图片按钮（提交按钮）
• value  表单元素的值
• checked  是否选中（单选框/复选框）
• disabled 是否禁用
• maxlength  允许输入的最大字符

 

5.3 textarea

双标签，文本域 

• cols  列
• rows  行

5.4 label

设置label标签的for属性值与表单元素的id属性值对应，当点击label标签时会自动给表单元素聚焦

5.5 button

双标签， 按钮

• button  普通按钮
• submit  提交按钮（默认值）
• reset  重置按钮

5.6 select

select下拉框   option下拉选项  

常用属性

• value  设置值
• selected  设置选中状态

单选下拉框

     

注：当option设置了value属性值时，提交的数据时value对应的值；                                                         如果未设置value，则提交的数据是文本值

多选下拉框

6、常用字符实体

• <                 &lt；
• >                 &gt；
• 空格            &nbsp；
• 版权符©      &copy；

7、标签的分类

• 块级元素（元素都从新的一行开始，可设置元素的高度、宽度等，不设宽度则为100%）
• 行内元素（和其他元素在一行上，不可设置元素的高度、宽度等）
• 行内块状元素（和其他元素在一行上，可设置元素的高度、宽度等）