表单和其他标记

表单：收集用户信息，并将信息提交给服务器

组成：表单元素<form></from>，负责将用户数据提交给服务器

表单控件，负责接收用户的数据（与用户进行数据交互）

表单元素<form></form>

属性：action，定义表单被提交的动作，主要就是服务器上处理数据的应用程序的URL，默认是提交给本页

method，指定表单数据的提交方式，有get和post两种

enctype，表单数据进行编码的方式

取值：1. application/x-www-form-urlencoded(默认值)

2. multipart/form-data(上传文件时使用)

3. text/plain

表单控件

分类：input组元素，文本域textarea，选项框(select和option)和其他元素

input元素， 语法：<input>或<input/>

属性：type，根据type值，创建各种类型的输入字段,如文本框，密码框，单选按钮复选框

value，要提交给服务器的值

name，控件的名称，服务器端使用，没有名字就无法提交

disabled，禁用控件，默认值是false，表示不禁用，也可以取值为true，表示禁用

分类：1.文本框type=’text’与密码框type=’password’

属性：maxlength：限制输入的字符数

readonly：只读

2、单选按钮type='radio’和复选框type='checkbox’

属性：name：名称以及分组，一组单选按钮或复选框，名称必须一致

checked：设置默认被选中

3、提交按钮type='submit’和重置按钮type=’reset’和普通按钮type=’button’

4、隐藏域type='hidden’，不想给用户看，但是要提交给服务器的数据

5、文件选择框type='file’，保证form 的 method 属性 必须为 post，

保证form 的 enctype 属性 必须为 multipart/form-data

textarea文本域， 语法：<textarea></textarea>

属性：cols，指定文本域的列数，变相设置宽度

rows，指定文本域的行数，变相设置高度

select选项框(下拉选项框和滚动选项框)，

语法：<select></select>

属性： size，默认显示的选项数量，如果取值大于1，为滚动选项框，否则为下拉选项框

multiple，设置多选

语法：<option></option>，选项框中的选项

属性：value，值

selected，预选中

其他元素

<label></label>元素，作用：关联文本与表单控件

属性：for，表示与该元素相关联的表单控件的ID值，for的值要和id的值相同才能关联上

其他标记

1、浮动框架

作用：可以在一个浏览器窗口中同时显示多个页面文档

语法：<iframe>内容</iframe>

注意：1、必须是成对标记

2、当浏览器不支持<iframe>元素时，将显示"内容"作为该处的 内容

属性：1、src：浮动框架中的网页URL

2、width

3、height

4、frameborder：浮动框架的边框，设置为0，则取消边框

2、摘要与细节

1、作用：允许将页面某部分内容进行展开或收缩

2、语法

<details>

<summary>标题</summary>

</details>

3、度量元素

1、作用：用于显示静态比例的信息

2、语法：<meter>文本</meter>

属性：1、min：度量范围的最小值，默认为0

2、max：度量范围的最大值，默认为1

3、value：当前显示的度量值，默认为0

4、时间元素

1、作用：用于关联时间的不同表现形式

2、语法：<time>时间文本</time>

属性：datetime:关联的日期时间，可以只关联日期，也可以只关联时间。如果同时关联日期与时间的话，

日期与时间之间用"T"来分割

5、高亮文本显示

1、作用：将页面中的某部分文本，以特殊的背景颜色显示出来

2、语法：<mark>高亮文本显示</mark>