HTML表单search、tel和color高级元素的使用
search类型元素
search类型的input元素是一种专门用来输入搜索关键词的文本框。其代码格式如下。
<input type="search" name="user_search1"/>
（1）编辑代码
打开记事本，编写代码，在<body>标签中加入以下代码。并保存为HTML格式文件。
（2)在浏览器中浏览效果
在浏览器中浏览效果如图所示 。
tel类型元素
tel类型的input元素被设计为用来输入电话号码的专用文本框。它没有特殊的校验规则，不强制输入数字(因为许多电话号码通常带有其他文字)，如0577—99886789。但是开发者可以通过pattern属性来制定对于输入的电话号码格式的验证。其代码格式如下。
<input type="tel" name="tel1">
（1）编辑代码
打开记事本，编写代码，在<body>标签中加入以下代码。并保存为HTML格式文件。
（2)在浏览器中浏览效果
在浏览器中浏览效果如图所示，在文本框中输入不满足pattern属性强制规则的号码格式，单击【提交】按钮后会弹出错误提示。
color类型元素
color类型的input元素用来选取颜色，提供了一个颜色选取器。目前它只在部分浏览器中被支持。其代码格式如下。
<input type="color" name="tel1"/>
（1）编辑代码
打开记事本，编写代码，在<body>标签中加入以下代码。并保存为HTML格式文件。
（2)在浏览器中浏览效果
在浏览器中浏览效果如图所示，单击下拉箭头，弹出颜色选择框。