【HTML5】->表单元素第三节->信息获取

Ⅰ 前言

在前两节中，我已经说完了表单的大部分元素，这篇文章就是表单的最后一篇。在这篇文章里，我会讲解几个表单获取信息的属性，它们都是input的属性，比如用input获取邮件，input获取电话，input获取颜色，input上传图片等等。

Ⅱ 获取有规定格式的字符串

首先强调一点，因为这只是一个文本框，所以需要和JavaSE或者PHP配合使用，将输入的结果提交到数据库，这才是有用的。否则，它的限制功能是没有实际限制功能的。

A. 有效电子邮件

type = "email"可以限制输入的字符串只能是邮件。

<form>
	<input type="email">
</form>

效果如下👇

有的网页会提示你必须输入有效电子邮件地址，就像上面这样。

B. 有效电话

<type="tel">可以输入电话。
但是现在电话号码各式各样，它其实是没办法真正识别哪个是正确的号码的，所以其实作用不大。

<input type="tel">

C. 有效网址

type="tel"可以输入网址，但是和电话一样的是，现在网址也什么都有，所以它也是识别不出来的，具体的限制还是要自己去限制。