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
>
查看全文
相关阅读:
shell十三问?
OS + Linux nmon / nmon analyser / nmon_analyser_v52_1.zip
nGrinder windows agent / linux agent
java Base64
SearchServer Elasticsearch Cluster / kibana
db mysql / mysql cluster 5.7.19 / my.cnf / thread_pool_stall_limit
Mininet与真实网络链接的方法
Install ProcessMaker 3.1 or 3.2 in CentOS/RHEL 7
软件版本GA,RC,alpha,beta,Build 含义
paper-9-Research and Implementation of MultiPath TCP on Mobile Smart Deviceses
原文地址:https://www.cnblogs.com/interboy/p/713592.html
最新文章
P2870 [USACO07DEC]最佳牛线,黄金Best Cow Line, Gold 解题报告
P4051 [JSOI2007]字符加密 解题报告
使用vim保存没有编辑权限的文件
Error: 0x800703fa
Error: 0x800703fa
C++ 类自杀 delete this
C++ 类自杀 delete this
单例模式判断两次为NULL的原因
单例模式判断两次为NULL的原因
VS生成DLL没有产生lib的解决方法
热门文章
VS生成DLL没有产生lib的解决方法
面向对象和基于对象
利用极域电子教室控制别人电脑
机房管理--如何应对学生关闭极域电子教室
极域电子教室3个没被发现的bug(V6 2007)
VC被控制时关闭极域电子教室、破解联想硬盘保护系统密码(上)
(Nginx) URL REWRITE
(Nginx和PHP下)URL重写,TP实现URL重写
wdcp(WDlinux Control Panel) 快速安装RPM包,lanmp一件安装
LNMP一键安装包如何重装Nginx
Copyright © 2011-2022 走看看