1.新增表单元素：

输入类型="XXX "

电子邮件邮箱： 提示格式不正确

全球资源定位器(统一资源定位符)地址：地址格式：http://www.

数字：数值型

属性：分钟最小更大更大

范围：范围内数字的输入域滑动条了解

日期：日期选择器

电话：电话号码的输入框

颜色：选色器

2.新增表单属性：

自动完成属性规定形式或投入域应该拥有自动完成功能。值在打开离开关闭。

表单提示框自（动)调焦装置属性规定在页面加载时，域自动地获得焦点自动对焦='自动对焦'页面上只有一个

形式-重写表单的行为属性重定向表单提交控制表单数据提交时候，提交到那个页面进行数据处理

formmethod -重写表单的方法属性

图像类型的投入元素的宽度和高度

高度：

宽度：

列表：属性规定输入域的数据列表

解释：关联选项输入关联成下拉列表datalist list=" val "=datalist id=" val "

数据列表所有选项必须选择权

标签提示

价值下拉列表中出现的值

需要属性规定必须在提交之前填写输入域（不能为空)。必填项可以用在所有的投入类型的元素上。

案例：

用户登录界面效果图

钢性铸铁代码

@ charset ' utf-8 '；

/* CSS文档*/

* { margin :0 pxpadding :0 px }

ul，Li { list-style : none；}

{ text-decoration : none}

标题{

border:0px实心# ff0000

宽度：90%;

高度：80像素

margin:0自动

font-size :50 px

背景色： # E9F 8FE

文本对齐：中心；

行高：80 px

}

nav{

宽度：90%;

高度：30像素

margin:20px auto

border:0px实心# ff0000

背景色-: # 8 CCFF0；

}

nav ul { padding-left :30 px；}

nav ul li{

宽度：80 px

float:left

行高：30 px

font-weight : bold；

}

nav ul阿利：悬停{ color : # F00}

第{

高度：600像素

宽度：90%;

border:1px固体# CCC

margin:0自动

}

一旁{

宽度：20%;

float:left

高度：600像素

边框-右：1 px实心# CCC

}

一旁ul{

border:0px固体# 00 ff 00

高度：400像素

}

一旁的阿利

颜色： # 000

行高：40 px

边框-底部：1 px实心# CCC

文本对齐：中心；

显示：块

}

表单{

宽度：75%;

float:left

左边距：10 px

填充-左：30 px

padding-top :20 px；

}

表格p {行高：30 px}

页脚{

宽度：90%;

高度：100px

文本对齐：中心；

页边距-顶部：20像素；

}

超文本标记语言代码

！声明文档类型

超文本标记语言

头

meta charset='utf-8 '

标题无标题文档/title

链接rel='样式表href='css/style.css '

/head

身体

页眉

XXX科技有限公司出品

/header

航行

保险商实验所

lia href='# '首nbsp .nbsp .nbsp .nbsp .页/a/li

lia href='# '关于我们/a/li

lia href='# '产品介绍/a/li

lia href='# '联系我们/a/li

/ul

/nav

部分

在旁边

保险商实验所

lia href='# '客服中心/a/li

lia href='# '用户中心/a/li

lia href='# '产品中心/a/li

lia href='# '反馈中心/a/li

/ul

/一旁

表单操作='1.html '

p用户名输入类型='text' name='uName'/p

p邮箱输入类型='电子邮件'名称='电子邮件/p

p

性别输入类型='text' list='uSex' name='sex '

datalist id='uSex '

选项值='男/option

选项值='女/option

/datalist

/p

p手机输入类型='tel' name='uTel'/p

输入功率类型='提交'值='注册/p

/form

/section

页脚

京ICP:11111111地址：XXXXXX

/页脚

/body

/html