关于网页表单实现和网页布局如何运用表单

关于网页表单实现和网页布局如何运用表单的相关文章

• 
  制作网页评论表单

  标签：Web开发

  vadim，usabilitypost 的读者，发表过一篇很有意思的文章，《评论表单设计》。文章里说他在网上留心很久，发现了网上的大多数表单都把姓名和Email 作为必填的选项，不过作为评论表单来说和传统表单应该有区别了，除了姓名和Email外，评论项也是必不可少的，如图： vadim提到，他曾特意去观察一些有上百条评论的热门博客，他发现这些博客的评论表单的选项非常多也没有注明是否必填，很多人不得不在某些...[ 查看全文 ]

  trippizza16

  21
• 
  网页表单实现鼠标悬停交互效果

  标签：Web开发

  制作表单的时候，实现鼠标悬停交互效果有多种方法: 1、在xhtml中直接写入onmouseover、onmouseout脚本就可以实现了，但这样就违背了web标准所倡导的内容、表现相分离的原则。以后若要对此进行修改也将会很繁琐。这样直接写入xhtml也会让页面代码增加，如果只是一个input输入框或许是无所谓的，如果是几十个几百个，增加的字节数就很宠大了。 2、在xhtml中加入小脚本，鼠标经过时可以切换CSS。具体内容请...[ 查看全文 ]

  怀孕的老爸

  391
• 
  网页设计关于表单输入框技巧代码

  标签：Web开发

  1.取消按钮按下时的虚线框 在input里添加属性值hideFocus或者HideFocus=true 2.只读文本框内容 在input里添加属性值readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) INPUTstyle=behavior:url(#default#savehistory);type=textid=oPersistInput 4.ENTER键可以让光标移到下一个输入框 inputonkeydown="if(event.keyCode==13)eve...[ 查看全文 ]

  GUNNAR促销4

  521
• 
  网页注册表单的网页设计技巧

  标签：Web开发

  Ajax的流行给用户体验带来了很大程序的提升，而注册这项做为互联网最常用到的功能也自然而然的成为Ajax最常光顾的地方，实时判断用户输入的用户名是否被抢注、检测两次输入的密码是否一致，检测用户输入的邮箱格式是否正确，等等这些功能因为有了Ajax的加入，得以让我们彻底告别以往那个注册一个用户往往需要反复填写好几次表单的时代。 当然，注册用户时所需要填写的项也越来越少，说明文字也尽量的精简...[ 查看全文 ]

  不帅找你钱

  71
• 
  CSS:网页表单实现鼠标悬停交互效果

  标签：Web开发

  制作表单的时候，实现鼠标悬停交互效果有多种方法: 1、在xhtml中直接写入onmouseover、onmouseout脚本就可以实现了，但这样就违背了web标准所倡导的内容、表现相分离的原则。以后若要对此进行修改也将会很繁琐。这样直接写入xhtml也会让页面代码增加，如果只是一个input输入框或许是无所谓的，如果是几十个几百个，增加的字节数就很宠大了。 2、在xhtml中加入小脚本，鼠标经过时可以切换CSS。具体内容...[ 查看全文 ]

  笨小孩_DaXin

  121
• 
  网页设计关于表单输入框的技巧代码

  标签：Web开发

  1.取消按钮按下时的虚线框 在input里添加属性值  hideFocus 或者 HideFocus=true  2.只读文本框内容 在input里添加属性值  readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput 4.ENTER键可以让光标移到下一个输入框 input onkeydown="if(event.keyCode==13)event.k...[ 查看全文 ]

  品Sharelife赏

  31
• 
  网页表单禁止输入某些符号的简单实现方法

  标签：Web开发

  在网页的表单中可以禁止输入某些符号的简单实现方法，比如下面的代码是禁止输入：*、^和|三个符号 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=gb2312" ...[ 查看全文 ]

  桌头仙人球

  171
• 
  制作网页表单的标签和输入区

  标签：Web开发

  重读LukeW的《Web Form Design:Filling in the Blanks》感触很深，除佩服LukeW的钻研精神外，更多的是学习他对设计细节的执着和理解。我把对本书的理解，与工作生活中遇到的实际问题结合起来，作为今后设计工作的指导和规范。 有一些元素，看着很简单，设计起来却很头疼。往往这样的元素都具有一个共同的特点变化多，表单的设计就是如此。你说见过20、30种以上不同的表单，我并不惊讶，产品需求、风格不...[ 查看全文 ]

  喇叭司机

  11
• 
  网页文件上传表单的制作

  标签：Web开发

  我们平时在日常网络生活当中，上传则是一个非常重要的功能。尤其是对于那么依靠网友分享的站点来说，上传是用户体验的重要的部分，分享是web2.0时代的主流特色，随之分享而来的上传，则是其中的关键一环。 先来说说以前的上传吧，真是令人苦恼。网络速度缓慢是最直接的原因，当然在交互设计上也存在着让人崩溃的地方，没有清晰的提示和防止出错的设计，让用户使用起来非常的不便利。相信你或多或少都经历...[ 查看全文 ]

  普洱茶朵朵

  61
• 
  网页表单“必选项”的设计思路

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  每当页面中出现洋洋洒洒的表单，用户就会开始感到头疼，有些用户就会直接选择放弃，而我想讨论的是，如何面对表单时让用户直接注意他们需要填写的必填项，减少不需要的信息的干扰。 必选项是以什么形式出现在现如今的表单中的呢? 1、 表单信息的表现类别 下面是一个关于web表单设计的调查报告，这个结果来源于100个令人瞩目的网站。 41%的网站使用标签右对齐 (YouTube, Facebook, Metacafe) 30%的...[ 查看全文 ]

  9月

  61
• 
  CSS教程:网页表单设计技巧

  标签：Web开发

  输入框( Input )应当符合逻辑地划分为小组，这样大脑就可以很好的处理大堆区域间的关系。– 《HTML权威指南》 Web 应用程序总是利用表单来处理数据录入和配置，但并不是所有的表单都保持一致。输入区域的对齐方式，各自的标签(label)，操作方式，以及周围的视觉元素都会或多或少影响用户的行为。 表单布局 考虑到用户完成表单填写的时间应当尽可能的短，并且收集的数据都是用户...[ 查看全文 ]

  放大镜系在路上

  31
• 
  动态网页制作必须技术：ASP和HTML表单

  标签：Web开发

  在 ASP 中，有两个很常用的集合，一个是 Request.QueryString，另一个是 Request.Form。这两个集合可以获取 HTML 表单(HTML Forms) 提交的信息。 Request.QueryString HTML 表单中的 method 有两种，一种是 get，另外一种是 post。当 HTML 表单的 method="get" 时，可以用 Request.QueryString 来获取表单提交的信息。 以下是一个让用户输入姓名的 HTML 表单示例。 form action="yournam...[ 查看全文 ]

  day林林1987

  401
• 
  WEB设计中的网页表单关于编码设计的小技巧

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  备注: 关于label和tag,在中文中都翻译成标签,而下文中出现的标签,都是对label的翻译,比如"用户名"+输入框, 这里的"用户名"项在英文中是label,约定翻译为标签 页面表单已经是web设计中讨论最多的元素,已经超过10年了.我们无法避免.Call-to-action(一般翻译为"行动呼吁","行动号召",但是都觉得不理想.译者注)的方式通常会将用户引导到表单页;付费需要使用表单;用户注...[ 查看全文 ]

  sj5419

  51
• 
  如何简化输入让网页表单变得更亲切

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  大部分人不喜欢填表单，因为人们来到网站，主要目的不是填表，而是浏览或者购买。精心设计的表单，使输入变得流畅让人心情愉悦，而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢?页面的布局、逻辑组织、视觉样式等都是值得关注的细节，其中简化输入是最近常被提及的，在这里我分享下自己工作中的心得。 1、 更高大的输入框 增加输入框高度，加粗字体，可以让网页上的输入框看起来更容易填写和阅读。...[ 查看全文 ]

  zhanfanpan

  181
• 
  网页表单标题和输入框排列方式设计技巧

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  表单是由许多细小的元素所组合而成的集合体，标题和输入框的排列方式有着重要的地位，标题要放在输入框的左侧还是上面?要靠左还是靠右?要怎么排列才能提高表单的完成率呢? 标题和输入框常见的排列方式 1. 放在输入框左边，而且靠左对齐 2. 放在输入框左边，但是靠右对齐 3. 放在输入框上面 4. 放在输入框里面 排列方式的比较 到底这四种排列方式有什么不一样呢?其实这些排列组合最大的影...[ 查看全文 ]

  大云南旅游

  591
• 
  网页表单设计实例技巧五则

  标签：Web开发

  1、表单文本输入的移动选择：在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 textarea 中，一切就会变得简单多了，如：  以下为引用的内容： textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()"请填入你的姓名/textarea 类似的...[ 查看全文 ]

  ____Vanty

  01
• 
  浅议Web网页Form表单设计技巧

  标签：Web开发

  输入框( Input )应当符合逻辑地划分为小组，这样大脑就可以很好的处理大堆区域间的关系。– 《HTML权威指南》 Web 应用程序总是利用表单来处理数据录入和配置，但并不是所有的表单都保持一致。输入区域的对齐方式，各自的标签(label)，操作方式，以及周围的视觉元素都会或多或少影响用户的行为。 表单布局 考虑到用户完成表单填写的时间应当尽可能的短，并且收集的数据都是用户所熟...[ 查看全文 ]

  David喜

  201
• 
  网页表单自动填写技术(gmail为例)

  标签：Web开发

  以下是引用片段： var ie=WScript.createobject("InternetExplorer.Application"); var args = WScript.arguments; var followme=http://www.google.com/; if(args.length0) { followme+=args(0); } ie.Navigate("https://www.google.com/accounts/Login？continue="+followme); SynchronizeIE(); var doc=ie.document; doc.forms[0].Email.value="li...[ 查看全文 ]

  此去经N1an丶

  291
• 
  网页表单的Web标准解决方案

  标签：Web开发

  进入eYou.com后，马上就给新版的邮件界面转化成XHTML+CSS的工作，还好平时基本功还够扎实，有条不紊的干了下来。当然会遇到新的问题，比如，平时做网页，因为没有跟程序打过什么交道，较少使用表单。还好，世界还有Google，让我可以轻松应对新挑战。一些经验，写出来大家分享。 基于易用性（accesibility）的考虑，表单的标准写法应该在form和/form之中包含fieldset和legend（说明），让用户明白该表单域的...[ 查看全文 ]

  吕梁钓鱼人

  81
• 
  优秀的网页评论表单的设计方法

  标签：Web开发

  vadim，usabilitypost 的读者，发表过一篇很有意思的文章，《评论表单设计》。文章里说他在网上留心很久，发现了网上的大多数表单都把姓名和Email 作为必填的选项，不过作为评论表单来说和传统表单应该有区别了，除了姓名和Email外，评论项也是必不可少的，如图： vadim提到，他曾特意去观察一些有上百条评论的热门博客，他发现这些博客的评论表单的选项非常多也没有注明是否必填，很多人不得不在某些...[ 查看全文 ]

  一生只错十次

  11