- 浏览: 196722 次
- 性别:
- 来自: 北京
最新评论
-
hncdcsm1:
非常给力,找了很久了,谢谢分享
99款高质量免费(X)HTML/CSS模板(转自blog.bingo929.com不错) -
yuying:
谢谢诶!
非常不错的CSS表单显示效果
在表单的应用中,我们有时会用到对 form 的信息进行分组,例如“注册(regForm)”,可能会将注册信息分组成基本信息(一般为必填),详细信息(一般为可选),因此可考虑在 form 中加入下面两个标签:
fieldset:对表单进行分组,一个表单可以有多个fieldset。fieldset标签会在包含的文本和input等表单元素外面形成一个方框,legend元素作为标题。
legend:说明每组的内容描述。Label 用于表单元素 (input, textarea or select),配于 for 将值传递给相应的表单元素。
(tabindex 用于 input, textarea......,给其一个编号,使用键盘上的TAB(制表键),就很容易地进入输入框中。)
<form action="" method="post" name="regForm" id="regForm"> <fieldset> <legend>用户登录</legend> <div> <label for="Name">用户名</label> <input type="text" name="Name" id="Name" size="18" maxlength="30" /> <br/> </div> <div> <label for="password">密码</label> <input type="password" name="password" id="password" size="18" maxlength="30" /> <br/> </div> <div class="cookiechk"> <label> <input type="checkbox" name="CookieYN" id="CookieYN" value="1" /> <a href="#" title="选择是否记录您的信息">记住我</a></label> <input name="login791" type="submit" class="buttom" value="登录" /> </div> <div class="forgotpass"><a href="#">您忘记密码?</a></div> </fieldset> <fieldset> <legend>用户注册</legend> <p><strong>您的电子邮箱不会被公布出去,但是必须填写.</strong> 在您注册之前请先认真阅读服务条款.</p> <div> <label for="Name">用户名</label> <input type="text" name="Name" id="Name" value="" size="20" maxlength="30" /> *(最多30个字符)<br/> </div> <div> <label for="Email">电子邮箱</label> <input type="text" name="Email" id="Email" value="" size="20" maxlength="150" /> *<br/> </div> <div> <label for="password">密码</label> <input type="password" name="password" id="password" size="18" maxlength="15" /> *(最多15个字符)<br/> </div> <div> <label for="confirm_password">重复密码</label> <input type="password" name="confirm_password" id="confirm_password" size="18" maxlength="15" /> *<br/> </div> <div> <label for="AgreeToTerms">同意服务条款</label> <input type="checkbox" name="AgreeToTerms" id="AgreeToTerms" value="1" /> <a href="#" title="您是否同意服务条款">先看看条款?</a> * </div> <div class="enter"> <input name="create791" type="submit" class="buttom" value="提交" /> <input name="Submit" type="reset" class="buttom" value="重置" /> </div> <p><strong>* 在提交您的注册信息时, 我们认为您已经同意了我们的服务条款.<br/> * 这些条款可能在未经您同意的时候进行修改.</strong></p> </fieldset> </form>
发表评论
-
如何解决ps导出jpg或png文件过大的问题
2019-07-08 09:48 2665最近做图,忽觉存储文件过程中MAC奇慢无比,竟然发现存储出来 ... -
在线loading图标生成网站
2014-07-15 11:39 1238分享几个优秀的在线loading图标生成网站,方便实现。htt ... -
备忘录
2014-04-17 16:52 729text-shadow:0 1px 1px rgba(25 ... -
好设计的20条金律
2014-01-27 16:46 571可以打破规则,但不 ... -
转:5个设计师应该去的优质设计分享平台 [复制链接]
2012-08-28 16:16 832http://dribbble.com/ http://dr ... -
转一个关于英文自动断行问题的贴子
2011-04-08 20:18 2273转自:http://maymei.ycool.com/post ... -
22个实用的在线配色网站
2010-11-22 09:21 1525如果感觉对色彩的把握还不是很到位,如果你的设计的时候色彩的感觉 ... -
ie6png透明
2010-11-08 22:19 856var arVersion = navigator.appVe ... -
div层遮盖flash(兼容浏览器)
2010-10-26 22:34 1036div层遮盖flash(兼容浏览器) 转自:htt ... -
(转)75个最佳Web设计资源,强烈推荐!
2010-10-03 21:14 890本文地址:http://www.woiweb.net/top- ... -
CSS实现自动等比例缩略图的方法
2010-10-02 15:30 1753完美解决自动缩略图的代码,以实现对原图的等比例收缩。 代码 ... -
针对Google Chrome谷歌浏览器的CSS hack
2010-09-14 13:26 3112所幸Google Chrome用的是与Safari一样的 ... -
解决不同浏览器窗口大小是否显示某DIV问题
2010-09-12 22:57 1040解决不同浏览器窗口大小是否显示某DIV问题: <SCR ... -
图片在DIV中居中
2010-05-07 17:20 1902图片在DIV中永远居中 <div id=&quo ... -
设定网页最小最大宽度和高度(兼容IE6)
2010-03-30 21:38 3052/* 最小寬度 */ .min_width{min-widt ... -
您需要了解的DIVCSS网页布局的8条面试题目
2010-01-26 10:03 874CSSer与其他IT职位一样,在找工作的时候,都会面临着面试官 ... -
转来的总结CSS规范
2010-01-25 15:33 972最近领导让整理个CSS规范做个内部培训,搜了搜资料,觉得这篇文 ... -
如何用css实现圆角_CSS实现圆角解决方案(转)
2010-01-14 18:22 2590导言: 本文探讨的是圆角框的终极解决 ... -
网页设计的3D元素运用25例
2010-01-12 22:23 750Yoast ... -
5种在设计中应用光线和阴影的简单技法 [转]
2010-01-12 22:14 717凡是你目光所及——光线和阴影无处不在。你看到的任何东西都反射回 ...
相关推荐
`Ext.form.FieldSet` 是 `ExtJS` 框架中的一个组件,它主要用于组织和分组表单中的字段。FieldSet 提供了一种在界面上以可折叠或展开...在实际应用中,可以根据项目需求灵活组合这些配置,以实现复杂的表单结构和交互。
Ext.form.FieldSet是Ext JS库中的一个组件,用于组织和分组表单字段。它提供了一种方便的方式来呈现和...在实际开发中,结合其他Ext JS组件和布局管理器,FieldSet可以成为构建强大、动态的Web应用程序的一个重要工具。
3. `combo`:`Ext.form.ComboBox`是下拉列表框组件,允许用户在预设的选项中进行选择,同时可以提供搜索功能以便快速定位选项。 4. `datefield`:`Ext.form.DateField`是日期选择组件,用户可以通过日历控件选择...
在HTML中,`<fieldset>`标签是一个非常实用的元素,用于组织和布局表单内容,特别是在处理复杂的表单时,它能帮助用户更好地理解和导航。本文将深入探讨`<fieldset>`标签的概述、用途以及如何使用它来创建更加清晰、...
HTML表单是网页设计中不可或缺的一部分,用于收集用户输入的数据,如登录信息、搜索查询、注册表单等。...通过合理的设计和实现,我们可以提供一个既直观又易于使用的表单,提升用户在网站或应用程序上的交互体验。
在Ext中创建一个表单面板通常涉及到设置其基本属性,例如宽度、高度、布局方式等。在这个例子中,通过`new Ext.FormPanel`来创建了一个表单面板,并设置了一些关键属性: - `frame`: 设置为`true`,表示表单周围有...
在现代Web开发中,HTML5和CSS3是构建交互式和动态用户界面的关键技术。针对“App应用注册页面form模板-应用 注册 app 登陆 css3 html5 form.rar”这个资源,我们可以深入探讨如何利用HTML5和CSS3来创建一个高效、...
HTML5和CSS3是现代网页开发的两大核心技术,它们...理解并熟练应用这些技术,将使你的网页在众多竞争对手中脱颖而出,提供卓越的用户体验。通过不断学习和实践,你可以创建出既酷炫又实用的表单,满足现代用户的需求。
这种设计模式在数据管理应用中非常常见,如订单处理、客户管理或项目追踪系统。 在实际应用中,我们可以通过以下步骤来实现这种布局: 1. 创建一个包含Column Layout的容器,作为整个页面的基础。 2. 在Column ...
在网页设计中,表单(Form)是一...在实际应用中,开发者可以根据需求调整和扩展这些基本元素,创建满足不同功能的复杂表单。在提供的`form.html`文件中,你可以找到一个基础的表单模板,作为进一步学习和实践的起点。
在"EXT制作的FORM,可以与Servlet进行交互"这一主题中,我们要讨论的是如何利用EXT form来与服务器端的Servlet进行数据交换。Servlet是一种Java技术,用于扩展Web服务器的功能,处理HTTP请求并返回响应。在EXT form...
在网页开发中,表单(Form)是一种至关重要的元素,用于收集用户输入的数据。表单相关的操作涵盖了HTML、CSS和JavaScript等多个方面,是构建交互式Web应用的基础。下面将详细介绍表单的创建、样式设计、数据验证以及...
在这个"EXT 2.0 form demo"中,我们将深入探讨EXT在构建动态、交互式表单方面的强大功能。 一、EXT 2.0的核心特性 1. 组件化:EXT 2.0的核心是组件模型,允许开发者将UI元素(如按钮、表格、表单)视为独立的可...
在IT行业中,ExtJS是一个强大的JavaScript框架,专用于构建富客户端Web应用程序。...不过,需要注意的是,实际应用中可能还需要考虑错误处理、数据验证和其他业务逻辑,以确保数据的准确性和完整性。
1. HTML基础:学生需要理解并应用各种HTML标签,如`<head>`、`<body>`、`<div>`、`<a>`、`<img>`、`<form>`以及题目中提到的`<fieldset>`等,来构建网页的基本框架。 2. CSS样式设计:学生将学习如何使用选择器、类...
`pc_id`和`pc_parent`字段被隐藏,因为它们不在`fields`中显示,同时在`Fieldset`中应用了CSS样式`{"style":"display:None"}`。 总之,Django Xadmin的`form_layout`提供了一种灵活的方式来调整模型表单的显示,你...
在`items`属性中,每个子项都指定了`columnWidth`属性来控制其在总宽度中的比例,并且设置了`layout: 'form'`以确保每个子项能够正确地显示表单项和对应的标签。 #### 分列布局每列放多个输入框 在平行分列布局中...
在HTML5中,表单元素和属性得到了显著增强,提供了更丰富的交互性和数据验证功能。"HTML-Form-master"这个压缩包很可能包含了关于HTML表单的示例代码和实践教程。 1. **HTML表单基本结构**:HTML表单由`<form>`标签...
在这个详尽的解析中,我们将深入探讨 `formwizard` 的核心功能、使用方法以及如何优化你的表单用户体验。 ### 一、jQuery FormWizard 基础 `formwizard` 的设计初衷是简化大型表单的处理,通过将表单拆分为多个...
这篇文档将深入解析“后台登陆页HTML5网页模板_后台 登陆 login form”这一资源,主要涵盖HTML5技术在后台登录界面设计中的应用,以及如何构建一个高效、安全且用户体验良好的登录表单。 HTML5是现代网页开发的核心...