html5的表格与表单与之前的html4差不多,但是因为html5将大多数样式的美化和定位的属性都取消了,所以只能通过css来实现。
除此之外还有一些需要注意的地方:
表格
1、当单元格内的文字内容太长时,会自动换行,若想不换行,则可以使用nowrap
如: <td nowrap> </td>
2、单元格内没有内容时,单元格会变成空白,此时单元格的边框会消失,若为了美观不想这样,则可以在空白单元格中输入一个全角空格或“ ;”
3、为了减少浏览器加载时间,网页文件最好少用table。
表单
1、form表单中的method属性用于设置发送数据的方式,共有两种方法:POST 方法和 GET 方法。
不过那么你该选择哪种方法呢?下面是有关这方面的一些规律:
1)如果希望获得最佳表单传输性能,可以采用 GET 方法发送只有少数简短字段的小表单。
一些服务器操作系统在处理可以立即传递给应用程序的命令行参数时,会限制其数目和长度,在这种情况下,对那些有许多字段或是很长的文本域的表单来说,就应该采用 POST 方法来发送。
2)如果你在编写服务器端的表单处理应用程序方面经验不足,应该选择 GET 方法。如果采用 POST 方法,就要在读取和解码方法做些额外的工作,也许这并不很难,但是也许你不太愿意去处理这些问题。
3)如果安全性是个问题,那么我们建议选用 POST 方法。
GET 方法将表单参数直接放在应用程序的 URL 中,这样网络窥探者可以很轻松地捕获它们,还可以从服务器的日志文件中进行摘录。
而 POST 应用程序就没有安全方面的漏洞,在将参数作为单独的事务传输给服务器进行处理时,至少还可以采用加密的方法。
4)如果想在表单之外调用服务器端的应用程序,而且包括向其传递参数的过程,就要采用 GET 方法,因为该方法允许把表单这样的参数包括进来作为 URL 的一部分。而另一方面,使用 POST 样式的应用程序却希望在 URL 后还能有一个来自浏览器额外的传输过程,其中传输的内容不能作为传统标签的内容。
2、action属性用来指出发送的目的地,可以使asp或php的数据库也可以是电子邮箱。
3、html5新加的表单组件可能不兼容IE6,可以选择使用Chrome浏览器。
4、文本框text组件可以设置autofocus属性,autofocus 属性规定当页面加载完成后,自动将光标移动到文本框中,按钮中也可以设置。
5、多行文本框textarea组件中wrap属性代表文字输入表单后是否换行,可以设置hard(换行)和soft(不换行),默认为不换行。
6、文本框内可以设置readonly属性,这样用户可以看到这个文本框以及里面的内容,但是无法更改数据。
7、select组件中可以设置size属性,size为1表示选择框的高度为一,即一次只能看到一条选择项。
8、multiple被设置后表示这个选择区中的选项可以多选,按下Ctrl或Shift就行。
9、datalist自造列表组件的格式固定,为:
<input list="xxxxx" />
<datalist id="xxxxx">
<option value="a………"></option>
................
................
</datalist>
其中,需要注意到的是datalist组件必须先使用id属性并指定id名称,只有input组件的list属性和data属性的id属性相同,才能取得datalist组件中的option列表。
10、选择组件中的单选按钮radio中,name属性相同的radio组件会被视为同一组radio组件,而同一组内只能有一个radio组件被选择。radio组件的value属性不能显示在页面中,所以需要在radio组件旁边添加文字。checked属性可以设置radio为已选择状态。
11、表单属性太多太长时可以通过表单分组来将表单中的问题分类。一般以<fieldset></field>来进行分组。<legend></legend>表示分组标题。