您现在的位置是：网站首页> 编程资料编程资料
网页设计之5种简单的XHTML网页表单_HTML/Xhtml_网页制作_
2023-11-13
374人已围观
简介 网页设计之5中简单的XHTML网页表单。 技术1：标签三明治 将输入框，选择框和文本框全部包含进 label 元素，并全部设置为块级元素。将单选按钮和多选框显示方式设置为 inline 以便于它们在同一行出现。如果你比较喜欢 label
网页设计之5中简单的XHTML网页表单。 技术1：标签三明治
将输入框，选择框和文本框全部包含进 label 元素，并全部设置为块级元素。将单选按钮和多选框显示方式设置为 inline 以便于它们在同一行出现。如果你比较喜欢 label 和单选按钮/多选框出现在不同行，可以选择不把它包含在 label 里面，或者使用硬换行处理。
每种情况都在下面展示了。
当这些看起来比较时髦的时候，W3C 事实上已经含蓄地展示了他们的 label 例子。
主要好处：简单
代码：
label, input, select, textarea {display: block;} label {margin-bottom: 10px;} input[type="radio"], input[type="checkbox"] {display: inline;}
运行结果：
#expamle1 label,#expamle1 input,#expamle1 select,#expamle1 textarea {display: block;}
#expamle1 label {margin-bottom: 10px;}
#expamle1 input[type="radio"],#expamle1 input[type="checkbox"] {display: inline;}
技术2：懒人
许多开发者采用了这种不正统但是快速简单（用换行隔断标记）的方法。虽然能运行，但是对你的 css 能力有害，因为你不需要任何 css 去实现它。
主要好处：快速
代码：
运行结果：
相关内容
- XHTML教程:Transitional和Strict的区别_HTML/Xhtml_网页制作_
- HTML 相对路径和绝对路径区别分析_HTML/Xhtml_网页制作_
- 网页中flash wmode属性你会用吗？_HTML/Xhtml_网页制作_
- 激战2 1到80级升级攻略 刷级推荐地图_手机游戏_游戏攻略_
- 刀塔传奇暴力法师阵容推荐_手机游戏_游戏攻略_
- 天天酷跑5月4日最新娜娜极速11万米视频攻略分享_手机游戏_游戏攻略_
- 勇者前线烧饼修改器修改金币与魂方法_手机游戏_游戏攻略_
- 天天酷跑精灵怎么获得 精灵获得方法介绍_手机游戏_游戏攻略_
- 雷霆战机装备升级之经验刷法攻略_手机游戏_游戏攻略_
- 雷霆战机破解版卡经验5星装备刷材料刷钻石辅_手机游戏_游戏攻略_
