html-表单的设计

Office365 InfoPath 表单的设计和应用（原创）

表单的应用:我想到的有2种. 1 做为自定义表单库的模版. 通过发放url(模版链接)给用户来填写表单. 最后将在表单库中得到所有填写的信息列表. 如 2 上传表单做为ContentType 也就是自定义表单的Contentype.之后的表单库中都可以新建这个type类型的表达了.如以下有需要注意的点: 表单中往往有提交按钮, 我们可以在按钮中设置表单提交的目的地址.也就是说如果这个表单是表单库A的模版,但是如果其提交按钮的目的是表单库B,那提交之后还是会到达B的, 如何设置提交路径? 选择你…

[Axure RP] – 鼠标滑入按钮时自动下拉表单的设计示例

转:http://blog.qdac.cc/?p=2197 Axure RP 是个好东东呀,大大方便了程序员与客户之间的前期调研时的交流.不过有一些控制并没有鼠标移入和移出的操作,比如 HTML 按钮,为了模拟鼠标移入或移出时动态显示下拉列表啥的效果,我们使用了动态面板来做处理.当然了,条条大路通罗马,这条大路也许不是最佳的,仅供参考. 1.拖一个动态面板到编辑区: 2.双击添加一个状态,我们命名为“正常”,以代表鼠标没有滑过时的状态: 3.双击“正常”状态,进入正常状态编辑页面: 4.在动态面…

HTML+CSS基础知识（6）背景的设置、表格的设计、表单的设计和框架集

文章目录 1.背景 1.1 代码 1.2 测试结果 2.背景练习 2.1 代码 2.2 测试结果 3.表格 3.1 代码 3.2 测试结果 4.练习 4.1 代码 4.2 测试结果 5.表单 5.1 代码 5.2 测试结果 6.框架集 6.1 代码 6.2 测试结果 1.背景 1.1 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>背景</ti…

Ext开场表单布局设计

var form = new Ext.form.FormPanel({ labelAlign: 'right', labelWidth: 60, buttonAlign: 'center', title: 'form', frame:true, width: 450, url: '04_01_01.jsp', items: [{ bodyStyle: 'background:transparent;border:0px;', layout:'column', items: [{ bodyStyl…

ASP.NET MVC5+EF6+EasyUI 后台管理系统（44）-工作流设计-设计表单

系列目录设计表单是比较复杂的一步,完成一个表单的设计其实很漫长,主要分为四步. 开始之前先说说表的结构. 其实表Flow_Form与Flow_FormContent设计是有一个缺陷的.我总共是设置最高26个字段从A~Z如果超过26个字段的表单是属于硬编码的.但是我认为26个字段已经足够因为这里我是单表模式比起表关联无限字段理论上性能会更加快,特别是当数据库申请带到千万级数据的时候(你自己可以设计更加灵活的表单管理) Flow_Form的A~Z对应的是Flow_FlowAttr表中的数据, F…

基于Extjs的web表单设计器第七节——取数公式设计之取数公式的使用

基于Extjs的web表单设计器基于Extjs的web表单设计器第一节基于Extjs的web表单设计器第二节——表单控件设计基于Extjs的web表单设计器第三节——控件拖放基于Extjs的web表单设计器第四节——控件拖放基于Extjs的web表单设计器第五节——数据库设计基于Extjs的web表单设计器第六节——界面框架设计基于Extjs的web表单设计器第七节——取数公式设计之取数公式定义基于Extjs的web表单设计器第七节——取数公式设计之取数公式的使用…

基于Extjs的web表单设计器第六节——界面框架设计

基于Extjs的web表单设计器基于Extjs的web表单设计器第一节基于Extjs的web表单设计器第二节——表单控件设计基于Extjs的web表单设计器第三节——控件拖放基于Extjs的web表单设计器第四节——控件拖放基于Extjs的web表单设计器第五节——数据库设计基于Extjs的web表单设计器第六节——界面框架设计基于Extjs的web表单设计器第七节——取数公式设计基于Extjs的web表单设计器第八节——表单引擎设计这一节我给大家介绍一下表单设…

基于Extjs的web表单设计器第五节——数据库设计

这里列出表单设计器系列的内容,6.7.8节的内容应该在春节后才有时间出了.因为这周末就请假回老家了,准备我的结婚大事.在此提前祝大家春节快乐! 基于Extjs的web表单设计器基于Extjs的web表单设计器第一节基于Extjs的web表单设计器第二节——表单控件设计基于Extjs的web表单设计器第三节——控件拖放基于Extjs的web表单设计器第四节——控件拖放基于Extjs的web表单设计器第五节——数据库设计基于Extjs的web表单设计器第六节——界面框架设计…

.NET开源工作流RoadFlow-表单设计-新建表单（属性设置）

点击表单设计工具栏上的新建表单按钮会弹出新表单属性设置框: 表单名称:新表单表名称. 数据连接:表单对应的数据库连接(此连接在系统管理-->数据库连接中维护). 数据表:表单对应的数据库表. 主键:数据库表的主键(主键只能是自增的int型,或uniqueidentifier(guid)类型). 标题字段:业务表中的哪个字段数据来作为待办任务的标题. 程序库分类:表单的分类,此分类在数据字典中维护. 任务标题:是否自动生成标题,如果是自动生成则会以流程名称(发起者姓名) 的形式自动生…

构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统（44）-工作流设计-设计表单

原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(44)-工作流设计-设计表单系列目录设计表单是比较复杂的一步,完成一个表单的设计其实很漫长,主要分为四步. 开始之前先说说表的结构. 其实表Flow_Form与Flow_FormContent设计是有一个缺陷的.我总共是设置最高26个字段从A~Z如果超过26个字段的表单是属于硬编码的.但是我认为26个字段已经足够因为这里我是单表模式比起表关联无限字段理论上性能会更加快,特别是当数据库申请带到千万级…

简易OA漫谈之工作流设计（六，快捷表单和动态表单）

如果没有表单设计功能,我们一般建物理表,再把表单挂接到流程, 我们可以把外接表单的地址填到表单地址中,地址中会传递一个id. 如果使用外接表单,在审批的时候可能会“不太友好”,因为在审批单上看不到任何业务表单信息, 在腾讯的时候有一个实践就是提交流程的时候推送一些业务信息到流程引擎, 这里使用一个“快捷表单”来实现,“快捷表单”用一个简单json(表单模型)来读取业务表中的数据. 这样在审批单中就可以显示业务表上的信息. 区别于“外接表单”,流程引擎中的另一个难点是“设计动态表单”. 设计动态…

WEB学习笔记12-高可读性的HTML之如何正确设计表单

网站中的用户登录.注册.用户调查等都是通过页面中的表单提交到网站服务器的.假设要实现让用户设置个人信息的一个表单. 该表格为两栏布局,第一栏中的文本左对齐,第二栏的表单控件右对齐,构成了最容易实现的表单布局设计.<label>用于为输入控件定义文本标签(label)——即显示在输入控件旁边的说明性文字.要为<label>指定关联的输入控件,只需把相关控件的id赋值给<label>标签的for属性.for属性的作用是:不仅把<label>元素上的触发事件指向了…

UX设计秘诀之注册表单设计，细节决定成败

以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 说实话,现实生活中,又有多少人会真正喜欢填写表格?显然,并不多.因为填写表单这样的网页或App服务,并非用户所需.他们需要的仅仅只是能够尽快买票.聊天等服务而已.如此,注册表单的填写,似乎就成为他们不得不面对的噩梦.但这也不禁让设计师们开始思考,这些表单设计到底存在什么问题,才让用户如此这般抗拒? 不用担心,以下解释或许能够为广大设计师解惑: 注册表单填写过程费时.费力部分注册表单复杂难懂注册表单…

33个与众不同的Web表单设计

表单在web设计中很重要,因为它具有直接的用户交互.创新?有趣?富有色彩?设计一个交互,需要设计师关注登陆/注册表单的设计元素. 这里有33个与众不同的web表单设计,希望能使你获得设计灵感. 1. Buffalo – Proposal Planner 2. We love icons 3. TinyBas 4. Justalab 5. Launchlist 6. Christian Sparrow 7. AudioLogic 8. Nike Running 9. Brianhandley de…

BarTender表单的人性化设计—分组框

BarTender 2016已经支持用户输入信息.从相同位置查询数据库和筛选数据记录,那就是数据输入表单了.这个功能相信迎合了很多用户的需求,主要作用体现在打印时数据输入. 对于表单的设计,不同的客户有不同的需求,其设置的复杂程度也是因求而异.但是BarTender 2016中的表单具备很多人性化的控件,帮助你更好的“整理”你的设计界面——分组框. 关于分组框分组框是在数据输入表单上绘制的矩形,可用来括住一组控件,以指示它们在某种程度上相关.每个分组框的顶部边缘处都有一个内置的标题,通常描述了…

jquery 实现动态表单设计

只是实现了前台页面的动态表单的设计,并未实现后台绑定数据到数据库等功能.技术使用到的为jquery和bootstrap.俗话说有图有真相,先说下具体效果如下: 点击添加一个面板容器: 容器添加成功: 实现的代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <li…

循序渐进VUE+Element 前端应用开发(27）--- 数据表的动态表单设计和数据存储

在我们一些系统里面,有时候会需要一些让用户自定义的数据信息,一般这些可以使用扩展JSON进行存储,不过每个业务表的显示项目可能不一样,因此需要根据不同的表单进行设计,然后进行对应的数据存储.本篇随笔结合基于Vue+Element实现动态表单的设计.数据录入存储的相关操作. 1.动态表单的设计动态表单的设计一般是基于某个能够动态设计界面的方式实现的,界面上定义对应的说明以及录入数据的方式,如标签后面加上文本,或者多文本等方式.由于我们后台是强类型的数据实体,后端一般不采用动态修改数据库字段的方式…

基于React和Node.JS的表单录入系统的设计与实现

一.写在前面这是一个真实的项目,项目已经过去好久了,虽然很简单,但还是有很多思考点,跟随着笔者的脚步,一起来看看吧.本文纯属虚构,涉及到的相关信息均已做虚构处理, 二.背景人活着一定要有信仰,没有信仰的灵魂是空洞的.你可以信耶稣,信佛,信伊斯兰,信科学等等.为了管控各大宗教场所的人员聚集,为社会增添一份绵薄之力,京州领导决定做一个表单系统来统计某个时间或者时间段的人员访问量,控制宗教人员活动的范围,汉东省委沙瑞金书记特别关心这件事决定亲自检查,几经周转,这个任务落到了程序员江涛的头上,故事由…

免费 PSD 下载： 20个精美的登录和注册表单

注册表单有许多不同的形状和尺寸,有的只是单个的输入框,有的则需要多个步骤.登录表单的设计将定义网站的性质,因此它应进行针对性的设计.下面的列表提供了20个醒目的登录和注册表单设计为您提供灵感. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读文章集锦十个拥有丰富 UI 组件的 JavaScript 框架十款精心挑选的在线 CSS3 代码生成工具开发者必备的八个最佳云端集成开发环境 2012年度最佳 Web 前端开发工具和框架 Rebound Newsletter – with PS…

BarTender中如何调整数据输入表单的大小？

BarTender中的表单设计,是一个简单而又复杂的操作.简单的是它提供很多实用的工具,帮助用户实现更多的功能,复杂的是要对其进行排版设计,这就要看小伙伴们的个人要求高低了. 自定义数据输入表单时,你可能会发现表单上没有足够的对象来填充整个空间.或者,你会遇到与之相反的问题:数据输入表单中的默认大小不足以填充过多对象.对于以上两种问题,BarTender允许你变更数据输入表单的大小,这样就可以对其进行自定义以满足你的需求.那要怎么调整表单大小呢? 方法一.使用鼠标重新调整数据输入表单大小设计数…

JaveWeb 公司项目（4）----- Easyui的表单验证

前面三篇博文讲述的是界面的搭建和数据的传输,可以看出目前我做的这个小项目已经有了一个大体的雏形,剩下的就是细节部分的打磨和一些友好的人机交互设计,今天做的是表单的验证,作为初学者,着实花了一番功夫,所以写一篇博文将这个过程记录下来,一方面是可以记录自己的工作过程,以后看起来方便,一方面也希望可以帮助到有需要求的人 Easyui有一个专门为表单验证设计的样式,首先我们将Form表中的Textbox模式改为Validatebox,更改之后输入框会有一些变化,从圆润变得相对方正一些,(未完待续)…

jQuery html5Validate基于HTML5表单验证插件

更新于2016-02-25 前面提到的新版目前线上已经可以访问: http://mp.gtimg.cn/old_mp/assets/js/common/ui/Validate.js demo体验狠狠地点击这里解决了之前组件如下不足: 1. 自定义验证顺序有问题: 2. 即时验证支持没内置: 3. 不能随意定制验证规则: 等等. 今年会开源,大家稍安~ 更新于2016-07-08 又有不少人问了,开源还需要时日.不过大家现在是可以使用的,下面是最简单使用,需要seajs: <script src…

一.表单的设计 1.注册表单页面 <html> <head> <title>表单的练习</title> <script> function mousein(){ var desc=document.getElementById("desc"); if(desc.value=="请输入描述信息!!!"){ desc.value=""; } } function mouseout(){ va…

ccflow_003.驰骋流程引擎表单方案

003.驰骋流程引擎表单方案设计流程主要有四个步骤设计成型的效果图表单的展示效果表单方案提供了八种表单模式内置傻瓜表单设计好的傻瓜表单演示运行查看效果内置自由表单这是已经设计好的自由表单的表单方案选择内置自由表单,然后保存.再右键节点.选择表单设计嵌入式表单实际运行中展示的效果 . 约定需要有一个保存函数返回true或false,来决定是否可以进行发送实际操作一下嵌入式表单的设计效果流程中的展示效果: 有一个保存函数返回true或者false来决定是否进行发送 .…

asp.net 微信企业号办公系统-表单及流程设计配置实例

在环境搭建好之后,我们就来学习一下怎样快速创建一个流程,并执行和流转该流程(我们这里讲的只是入门,不涉及到具体流程参数设置). 创建一个流程步骤为:在数据库在创建表-->设计表单-->设置流程-->配置菜单即可点击新配置的菜单运行该流程. 1.创建业务数据表根据自己的业务需求我们创建自己的业务表(例如政府部门常用的文件阅办卡): 建表注意事项: 表必须要有一个主键,主键只能是int型的自增字段或者uniqueidentifier(guid)类型. 2.设计表单打开表单设计器:…

HTML表单设计（上）

1,表单标记<form>...</form> <form>...</form>定义表单的开始位置和结束位置,表单提交时的内容就是<form>表单的内容基本格式<form action ="服务器端地址(接受表单内容的地址)" name ＝"表单名称" method＝"post/get">...</form> 常用属性 a,name表单名称 b,method传递数…

SNF软件开发机器人-子系统-表单-表单设计

表单设计在我们做程序时总要对表单的内容进行设计,然而对控件位置等信息的调整总是麻烦的,还常常容易出错.SNF软件机器人完美的解决了这个问题. 1.效果展示: 2.使用说明: (1)打开页面,选中开发者选项中的表单设计按钮. (2)在打开的表单设计页中将表单列数改为1. (3)点击添加分组框按钮添加分组框1,通过拖拽的方式将字段拖入分组框中并保存. (4) 此时已经大致达到预期效果.但分组框的名称没有更换.点击开发者选项中的表单配置按钮.在打开的功能-表单管理页面,将分组框的名称改为物料编码.刷…

CSS表单设计

今天我们开始学习<十天学会web标准(div+css)>的css表单设计,包含以下内容和知识点: 改变文本框和文本域样式用图片美化按钮改变下拉列表样式用label标签提升用户体验一.改变文本框和文本域样式如果前边几章学习的比较扎实的话,本节教程就相当容易了.下边先说一下文本框,文本框和文本域都是可以用css进行美化的.比如改变边框精细,颜色,添加背景色.背景图像等.请看下边的实例: .text1 { border:1px solid #f60; color:#03C;}.text2…

Web标准：九、CSS表单设计

Web标准:九.CSS表单设计知识点: 1.改变文本框和文本域样式 2.用图片美化按钮 3.改变下拉列表样式 4.用label标签提升用户体验 1)改变文本框和文本域样式文本框标签:<input type="text" value="" class=""> 给这些文本框增加css样式,改变他们的样式: 最终显示效果如下: 文本域标签:<textarea id="" class="&quo…

基于Extjs的web表单设计器第二节——表单控件设计

这一节介绍表单设计器的常用控件的设计. 在前面两章节的附图中我已经给出了表单控件的两大分类:区域控件.常用控件.这里对每个分类以及分类所包含的控件的作用进行一一的介绍,因为它们很重要,是表单设计器的基本元素,更是核心组成部门. 一.区域控件,它主要包含三个类型的控件:卡片区域.表格区域.混合区域.这三个控件是我们的其他控件的容器或者叫包装器,相当于VS里面的各种Panel.它们很重要,每种区域控件的作用都不一样,能够包含的控件类型也不大一样,它们三个区域相互配合使用,可以为我们的表单提供强大的支…

【html-表单的设计】的更多相关文章