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
>
查看全文
相关阅读:
打造TypeScript的Visual Studio Code开发环境
Visual Studio Code 使用Git进行版本控制
每周一书《Oracle 12 c PL(SQL)程序设计终极指南》
每周一书-《鸟哥的Linux私房菜》获奖公布
Python黑帽编程 4.1 Sniffer(嗅探器)之数据捕获(上)
微信公众平台及门户应用
Bootstrap开发框架
公用类库使用帮助
git
SQL Server 基本函数 与 类型
原文地址:https://www.cnblogs.com/interboy/p/713592.html
最新文章
JavaScript深入浅出第5课:Chrome是如何成功的?
JavaScript函数式编程究竟是什么?
网页应该如何录屏呢?
Fundebug 微信小游戏异常监控插件更新至 0.5.0,支持监控 HTTP 慢请求
如何在浏览器中运行 VS Code?
澄清Fundebug录屏技术的几点误会
处理 JS中 undefined 的 7 个技巧
Visual Studio Code 远程开发探秘
Fundebug后端Node.js插件更新至0.2.0,支持监控Express慢请求
.NET Core版本兼容问题(链接)
热门文章
TransactionScope and database connections(转载)
Async/Await模式中使用TransactionScope时,要设置参数为TransactionScopeAsyncFlowOption.Enabled枚举(转载)
Does disposing StreamReader or StreamWriter close the stream?(转载)
使用自定义的行分隔符,从StreamReader中读取一行字符串
Static files in ASP.NET Core
赠书:HTML5 Canvas 2d 编程必读的两本经典
棉花与棉被
【技巧】使用weeman来做一个钓鱼网页
clang_intprt_t类型探究
开源电子书
Copyright © 2011-2022 走看看