HTML5第三章总结

表单

1.表单标签及属性
标签：使用< form>标签实现表单的创建，该标签用于在网也中创建表单区域
属性：action和method属于< form>标签的两个常用的属性，它们分别用于定义URL地址，以及指定向服务器发送数据的提交方法其提交方法有两种，一种是post方法，另一种是get方法。
两者区别：post方法提交方式不会改变地址栏状态，表单数据不会被显示。get方法提交方式地址栏会发生改变表单数据会在URL信息中显示
结论：post方法提交数据的安全性明显高于get方法提交的数据
语法：<form action-“URL地址” method=“提交方式”>
< input>标签
< input>标签用于收集用户信息，根据其不同的type属性值，< input>标签拥有多种输入类型
文本框语法：< input type=“text”>
密码框语法：< input type=“password”>
单选按钮：
复选框：
按钮：普通按钮（button）提交按钮（submit）重置按钮（reset）。
普通按钮（button）：button按钮属于普通按钮，要与事件关联使用。
提交按钮（submit）：submit按钮属于提交按钮，当用户单击该按钮后，表单会将数据提交到action属性所指定的URL。
重置按钮（reset）：reset按钮属于重置按钮，当用户单击该按钮后，表单中的数据将被清空
文件域：文件狱用于文件上传，在使用时将< input>标签的type属性值设置为file即可创建文件域，文件域创建好以后就可以上传文本，图片等。
邮箱：email类型的input元素是一种专门用于输入邮箱地址的文本框，它提交表单时会自动验证email文本框中的值，如果输入的内容不是一个有效的邮箱地址，则不允许提交表单。
网址：url类型的input元素是一种专门用于输入URL地址的文本框，他在提交表单时会自动验证url文本框中的值，如果输入的内容不是一个有的网址，则不允许提交表单
数字：number类型的input元素提供用于输入数字的文本框。
滑块：range类型的input元素提供用于输入包含一定范围数字值的文本框，在网页中显示为滑动条。
搜索框：search类型的input元素提供用于输入搜索关键词的搜索框。
列表框和多行文本域
列表框：列表框用于提供一组数据项，它是通过< select>标签和< option>标签实现的。
语法：< select name=“指定列表名称”>
< option value=“可选项值” selected=“selected”>…< /option>
…
多行样本域：就是不止一行的文本就用多行样本域
语法：< textarea name=“textarea” cols=“显示的宽度” rows=“显示的行数”>
文本内容
< /textarea>
表单的高级应用
表单的隐藏域：将type属性设置为hidden隐藏类型即可创建隐藏域
表单的只读与禁用：表单元素设置了只读（readonly）属性或禁用（disabled）属性
表单元素的标注：标注文本内容时，浏览器会自动将焦点转移到与该目标相关的表单元素
表单验证
placeholder属性：placeholder属性用于为input类型的文本框提供一种提示
required属性：required属性用于规定在输入框中填写的内容不能为空，否则不允许用户提交表单
pattern属性：pattern属性用于验证input类型输入框中，用户输入的内容是否与所定义的正则表达式相匹配