HTML标记语言——表单
互联网 发布时间：2008-10-17 18:55:15 作者：佚名 
我要评论
我要评论点击这里返回网页教学网 HTML教程 栏目．
上文：标记语言——引用
原文出处
chapter 5 表单
互动性一直是互联网的重点,让使用者与网站能够交换信息,彼此沟通.表单使我们能够有组织的,使用同一方式的从使用者那里收集资料,因此在设计网站时总是属于&qu
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
概要
看完四种标记同一个简单表单的不同方法,同时也讨论了彼此的优缺点,要注意的是,我们为方法C与方法D加上了易用性功能,当然也可以加到头两个方法上,在得到这些改进之后,这两个方法当然也会变得更棒.
这几个方法没有哪一个明显比其他方法要好,或者能当作"最佳解决方案".不过多知道几种方法很有价值.而你也以组合这四种方法,在你的项目里做出更棒的表单.
方法A: 以视觉效果来说,是个建立表单元素,说明文字的简介方式,在处理复杂,庞大的表单时尤其好用. 然而,为了这样单纯的表单使用表格,似乎太麻烦了.
方法B: 简单的标记法在文字浏览器,小屏幕设备上的显示效果不错. 以视觉效果来说,只用<br />会让排版变得太拥挤.
方法C: 简单的标记法在文字浏览器,小屏幕设备上显示效果不错. 允许说明文字,表单元素的长度变化,不会有对齐的问题. 包含重要的易用性功能(也能使用在先前的方法内).
方法D: 结构化标记法在文字浏览器,小屏幕设备上显示效果不错. 包含重要的易用性功能(也能应用在先前的方法内). 说明文字与表单元素能以CSS指定要放在同一行之内,或是分行摆放.
当你使用方法A或方法B的时候不必感到内疚,但是学会方法C的优点,并且把它应用到先前的例子里仍然不错.
方法C也有进步的空间,而我们也将在"技巧延伸"这个单元内看到几个我们能加上的额外功能.我们也会讨论一些简单的CSS样式.让我们把表单修饰得更吸引人.
看完四种标记同一个简单表单的不同方法,同时也讨论了彼此的优缺点,要注意的是,我们为方法C与方法D加上了易用性功能,当然也可以加到头两个方法上,在得到这些改进之后,这两个方法当然也会变得更棒.
这几个方法没有哪一个明显比其他方法要好,或者能当作"最佳解决方案".不过多知道几种方法很有价值.而你也以组合这四种方法,在你的项目里做出更棒的表单.
方法A: 以视觉效果来说,是个建立表单元素,说明文字的简介方式,在处理复杂,庞大的表单时尤其好用. 然而,为了这样单纯的表单使用表格,似乎太麻烦了.
方法B: 简单的标记法在文字浏览器,小屏幕设备上的显示效果不错. 以视觉效果来说,只用<br />会让排版变得太拥挤.
方法C: 简单的标记法在文字浏览器,小屏幕设备上显示效果不错. 允许说明文字,表单元素的长度变化,不会有对齐的问题. 包含重要的易用性功能(也能使用在先前的方法内).
方法D: 结构化标记法在文字浏览器,小屏幕设备上显示效果不错. 包含重要的易用性功能(也能应用在先前的方法内). 说明文字与表单元素能以CSS指定要放在同一行之内,或是分行摆放.
当你使用方法A或方法B的时候不必感到内疚,但是学会方法C的优点,并且把它应用到先前的例子里仍然不错.
方法C也有进步的空间,而我们也将在"技巧延伸"这个单元内看到几个我们能加上的额外功能.我们也会讨论一些简单的CSS样式.让我们把表单修饰得更吸引人.
相关文章
- 本文主要对HTML5表单新增属性进行详细介绍，并附上实例解析，简单易懂。需要的朋友一起来看下吧2016-12-21
- 下面小编就为大家带来一篇HTML Form表单元素全面了解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-26
- 下面小编就为大家带来一篇html5表单及新增的改良元素详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-07
- 这篇文章主要为大家介绍了HTML5新增的表单元素和属性,具有一定的参考价值！需要的朋友可以参考下2014-07-07
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
HTML5 拥有若干涉及表单的元素和属性，下面为大家介绍下新的表单元素datalist 元素、keygen 元素、output 元素以及它们的使用实例，感兴趣的朋友可以参考下哈，希望对大家2013-07-19HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
在HTML5增强的元素中，最值得关注的就是表单元素;在HTML5中，表单已经做了重大的修整，一些以前需要通过JavaScript编码实现的功能现在无需编码就可轻松实现,感兴趣的朋友可2013-01-31- 本教程介绍FORM表单标记的各种属性在网页设计中的应用. <FORM>标记的NAME属性 基本语法 01 <Form name="Form＿name"> 02 ……2008-10-17
- 假设现在要在表单中添加这样一项内容：浏览所在的城市。这里不说全国的城市，只说省会以上的城市就有几十个。如果以上面讲过的单选按钮的形式，将这些城市全部罗列在网页上2008-10-17
- 带有图片预览功能的上传表单，完整的HTML代码如下所示 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=2008-10-17
- 表单是用户提交信息的重要渠道。本节就将介绍表单的基础知识。 表单标签<form> 表单以一个<form>标签开始。用户注册网站会员，投票等等都需要表单来实现2008-10-17
最新评论