HTML/Xhtml

关注公众号 jb51net

关闭
网页制作 > HTML/Xhtml >

HTML标记语言——表单

佚名

概要
看完四种标记同一个简单表单的不同方法,同时也讨论了彼此的优缺点,要注意的是,我们为方法C与方法D加上了易用性功能,当然也可以加到头两个方法上,在得到这些改进之后,这两个方法当然也会变得更棒.
这几个方法没有哪一个明显比其他方法要好,或者能当作"最佳解决方案".不过多知道几种方法很有价值.而你也以组合这四种方法,在你的项目里做出更棒的表单.
方法A: 以视觉效果来说,是个建立表单元素,说明文字的简介方式,在处理复杂,庞大的表单时尤其好用. 然而,为了这样单纯的表单使用表格,似乎太麻烦了.
方法B: 简单的标记法在文字浏览器,小屏幕设备上的显示效果不错. 以视觉效果来说,只用<br />会让排版变得太拥挤.
方法C: 简单的标记法在文字浏览器,小屏幕设备上显示效果不错. 允许说明文字,表单元素的长度变化,不会有对齐的问题. 包含重要的易用性功能(也能使用在先前的方法内).
方法D: 结构化标记法在文字浏览器,小屏幕设备上显示效果不错. 包含重要的易用性功能(也能应用在先前的方法内). 说明文字与表单元素能以CSS指定要放在同一行之内,或是分行摆放.
当你使用方法A或方法B的时候不必感到内疚,但是学会方法C的优点,并且把它应用到先前的例子里仍然不错.
方法C也有进步的空间,而我们也将在"技巧延伸"这个单元内看到几个我们能加上的额外功能.我们也会讨论一些简单的CSS样式.让我们把表单修饰得更吸引人.