zoukankan
html css js c++ java
用fieldset标签来实现类似WinForm中GroupBox布局效果
fieldset标签以前都没用过,确切的讲是听都没听说过,今天参考ASP.Net Ajax的Document,看到它在举例子的时候网页中出现了类似于WinForm中GroupBox的东西,感觉布局一下子显得很有条理。感觉很不错,查看了源文件才知道原来是用了fieldset标签,其格式如下
<
fieldset
>
<
legend
>
fieldset的标题,可以不要
</
legend
>
</
fieldset
>
其实我个人认为如果在用户注册的界面上使用用fieldset布局可能效果会好一点,有些网站的必填项和选填项是混在一起的,如果用fieldset分开个人感觉更人性化吧。
<
fieldset
>
<
legend
>
用户注册必填选项
</
legend
>
<
ul
>
<
li
style
="50px; display:inline;"
>
<
asp:Label
ID
="Label1"
Width
="80px"
runat
="server"
Text
="用户名"
></
asp:Label
></
li
>
<
li
style
="150px; display:inline;"
>
<
asp:TextBox
ID
="tbx_username"
runat
="server"
Width
="150px"
></
asp:TextBox
></
li
>
</
ul
>
<
ul
>
<
li
style
="50px; display:inline;"
>
<
asp:Label
ID
="Label2"
Width
="80px"
runat
="server"
Text
="密码"
></
asp:Label
></
li
>
<
li
style
="150px; display:inline;"
><
asp:TextBox
ID
="tbx_password"
runat
="server"
Width
="150px"
></
asp:TextBox
></
li
>
</
ul
>
<
ul
>
<
li
style
="50px; display:inline;"
>
<
asp:Label
ID
="Label3"
Width
="80px"
runat
="server"
Text
="密码确认"
></
asp:Label
></
li
>
<
li
style
="150px; display:inline;"
><
asp:TextBox
ID
="tbx_confirm"
runat
="server"
Width
="150px"
></
asp:TextBox
></
li
>
</
ul
>
<
ul
>
<
li
style
="50px; display:inline;"
>
<
asp:Label
ID
="Label4"
Width
="80px"
runat
="server"
Text
="电子邮件"
></
asp:Label
></
li
>
<
li
style
="150px; display:inline;"
><
asp:TextBox
ID
="tbx_email"
runat
="server"
Width
="150px"
></
asp:TextBox
></
li
>
</
ul
>
</
fieldset
>
<
fieldset
>
<
legend
>
用户注册选添项
</
legend
>
<
ul
>
<
li
style
="50px; display:inline;"
>
<
asp:Label
ID
="Label5"
Width
="80px"
runat
="server"
Text
="真实姓名"
></
asp:Label
></
li
>
<
li
style
="150px; display:inline;"
>
<
asp:TextBox
ID
="tbx_realname"
runat
="server"
Width
="150px"
></
asp:TextBox
></
li
>
</
ul
>
</
fieldset
>
查看全文
相关阅读:
针式PKM软件进入华军分类下载月排名前6名
读取xml
一个简单的记事本程序
python输出重定向
重看ATL布幔之下的秘密
nginx学习(二)动态加载各模块
ngx_queue的理解
nginx学习(三)IOCP的使用
nginx学习(一)内存
使用python实现一个通用协议测试工具
原文地址:https://www.cnblogs.com/interboy/p/713592.html
最新文章
ZIPTV压缩 控件包 使用方法
执子之手,与子偕老
职业考试项目管理师
生命的意义
名言火葬场
苏州之行
Dxperience 的汉化方法
修改QQ任务栏图标
善待自己,珍惜生命
QQ签名
热门文章
关于使用Dxperience 中使用 XtraReports
台积电的知识管理
知识点编辑针式个人知识库管理系统
共享软件是否该免费和如何定价的讨论
安装失败解决方法针式PKM
PKM,要坚持一段时间才能看出效果
如何从信息垃圾中挖掘知识
从“知识的价格”看人们在学什么
程序员的成长利器!V5.01
知识点评介针式个人知识库管理系统
Copyright © 2011-2022 走看看