第三天
第三天学习了表单的其他元素
多行文本域：{
<textarea name="showText" cols="显示的列数" rows="显示的行数">文本内容 </textarea >
}
文件域：{
<form action="" method="post" enctype="multipart/form-data"（表单编码属性）>
<p><input type="file（文件域）" name="files" />
<input type="submit" name="upload" value="上传" /></p>
</form>
}
邮箱：{
<input type="email（邮箱）" name="email"/>
注：（会自动验证Email地址格式是否正确）
}
网址：{
<input type="url（网址）" name="userUrl"/>
注：（会自动验证URL地址格式是否正确）
}
数字：{
<input type="number（数字）" name="num" min="允许的最小值" max="允许的最大值" step="10（合法的数字间隔）"/>
}
滑块：{
<input type="range（滑块）" name="range1" min="允许的最小值" max="允许的最大值" step="2（合法的数字间隔）"/>
}
搜索框：{
<input type="search（搜索框）" name="sousuo"/>
}
隐藏域：{
<input type="hidden（隐藏域）" value="666" name="userid">
}
只读和禁用：{
只读文本框：<input name="name" type="text" value="张三" readonly（只读文本框）>
<input type="submit " disabled（禁用） value="保存" >
技巧：（W3C HTML5标准中，规定对于布尔类型的属性，属性值可以省略）
}
表单元素的标注：{
1）增强鼠标的可用性
2）自动将焦点转移到与该标注相关的表单元素上
<label for="id名称">标注的文本</label>
<input type="radio" name="gender" id="male"/>
}
表单的初级验证：{
为什么要进行表单验证？
表单验证的好处 ：
1）减轻服务器的压力
2）保证数据的可行性和安全性
}
placeholder：{
1）input类型的文本框提供一种提示（hint）
2）可以描述文本框期待用户输入何种内容
3）提示语默认显示，当文本框中输入内容时提示语消失
4）适合于input标签：text、search、url、email和password等类型
<input type="search" name="sousuo" placeholder（文本框输入内容提示）="请输入要搜索的关键字"/>
}
required：{
1）规定文本框填写内容不能为空，否则不允许用户提交表单
2）适合于input标签：text、search、url、email、password、number、checkbox、radio、file等类型
<input type="text" name="username" required（必填项）/>
}
pattern：{
用户输入的内容必须符合正则表达式所指的规则，否则就不能提交表单
<input type="text" name="tel" required pattern="正则表达式" />
注：(
\d:数字
\D:非数字
\w:字母数字下划线
\W:非字母数字下划线
[1245]:在表达式中匹配到1、2、4、5其中一个字符
[0-9]:在表达式中匹配0~9到任意数字
{2,9}:在表达式中2到9次匹配到
*:0或者以上
+:1以上
^:开始
$:结尾
\.:表示“.”
[\u4E00-\u9FA5]：中文检索
)
}
总结：