HTML中表单的格式和样式布局问题,就拿用样式和Fieldset取代表格布局为例做个说明

  • 使用表格来定义表单布局时,可在表单中实现更为统一的空间布局,无论文本框之前的标签文本长短如何,所有的文本框都是在垂直方向上对齐的。

  • 在将文本标签和input控件放到表格之前,首先创建好表单。

  • 在表单中可使用tabindex特性和accesskey特性来设置input控件的Tab键顺序和键盘快捷方式。Tab键的索引是从0开始。

** 许多块级元素会在页面中强制产生一个换行。这样就会导致在单元格,或表单中产生一些额外的间距。这些间距无法通过调整padding或margin来删除,最简单的就是使用CSS关闭表单的margin(需使用form标记作为选择器,在样式声明中添margin:0和padding:0声明,就可重置这两个值并移除任何额外的间距)**

  • 在meter元素中,optimum特性用于声明理想的值,在一个多步骤的处理过程中,使用progress元素来指示进度。

datalist元素用于在input控件中添加建议数据以帮助用户填写表单。





说了这麽多,下边我们就来个具体的例子来说明下

用样式和Fieldset取代表格布局




~~~~~







~~~

~~~~~~



//添加id特性,是方便在样式表中作为选择器加以引用

你可能感兴趣的:(HTML中表单的格式和样式布局问题,就拿用样式和Fieldset取代表格布局为例做个说明)