12.6学习笔记 HTML5表单元素/嵌入图片/视频（未完）

12.6学习笔记

一. HTML 表单元素（下）

二. HTML5嵌入图片与创建分区响应图

三. HTML5嵌入视频

---

一. HTML 表单元素（下）

主要内容：

1. 用input元素获取有规定格式的字符串
2. 用input元素获取时间
3. 用input元素获取颜色值
4. 用input元素获取搜索用词
5. 用input元素生成隐藏的数据项（hidden）
6. 用input元素生成图像按钮
7. 用input元素上传文件

1. 用input元素获取有规定格式的字符串

1） 在文本框中输入邮箱地址

<input type = "email">

该文本框严格限定只能输入电子邮件地址。若输入的内容非邮件地址格式，会提示输入有误。

2） 在文本框中输入电话号码

 <input type="tel">

由于不同地区电话号码格式有区别，所以这个功能很鸡肋，经常识别不出来是不是真的电话号码。

3） 在文本框中输入有效网址

<input type="url">
        

在框内输入有效的网址。不同的浏览器URL也不一样，有时候也很难区别。

2. 用input元素获取时间

 <input type="date">

可以选择年月日。
不同的浏览器显示效果不一样。IE ,火狐的效果就是一个普通的文本框。
这个效果是用谷歌浏览器获得的。

</