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

网页设计关于表单输入框技巧代码的相关文章

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

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

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

  大云南旅游

  591
• 
  关于搜索输入框

  标签：Web开发

  1.打开页面，输入框自动获得焦点 2.用户输入关键词，如果是第一次输入，则自动清空默认Value值 Code：关于搜索输入框 .firstInp {color:#999;} .doInp {color:#f60;} [ 查看全文 ]

  阳光的合伙人传

  111
• 
  IP地址输入框

  标签：Web开发

  div.IPDiv{background:#ffffff;width:120;font-size:9pt;text-align:center;border:2 ridge threedshadow;border-right:inset threedhighlight;border-bottom:inset threedhighlight; } input.IPInput{width:24;font-size:9pt;text-align:center;border-width:0; } [ 查看全文 ]

  wdsi9

  341
• 
  jQuery 自动增长的文本输入框实现代码

  标签：Web开发

  为了提高用户体验，我在午休时候想起了是不是可以用jQuery写个插件。想到不如做到，果然，我实现了这个功能。在写这个插件时我潜意识里想到这样的插件网上应该有人写过，不过我并没有去搜索，你有兴趣可以找一找。下面是插件的源代码。 源代码 代码如下： ;(function($) { $.fn.autoSizeText = function(settings) { var _defaultSettings = {min:20,max:40}; var _settings = $.extend(_defaultSetti...[ 查看全文 ]

  狮子zxv

  611
• 
  jquery 输入框数字限制插件

  标签：Web开发

  直接看代码: 代码如下: (function($){ var keyCode={ BACKSPACE: 8, CAPS_LOCK: 20, COMMA: 188, CONTROL: 17, DELETE: 46, DOWN: 40, END: 35, ENTER: 13, ESCAPE: 27, HOME: 36, INSERT: 45, LEFT: 37, // NUMPAD_ADD: 107, // NUMPAD_DECIMAL: 110, // NUMPAD_DIVIDE: 111, // NUMPAD_ENTER: 108, // NUMPAD_MULTIPLY: 106, // NUMPAD_SUBTRACT: 109, PAGE_DOWN: 34, PAGE_UP: 3...[ 查看全文 ]

  既薄情亦倾情

  621
• 
  使用TextRange获取输入框中光标的位置的代码

  标签：Web开发

  TextRange是用来表现HTML元素中文字的对象，虽然我们平时不太常用这个对象，可是它却在IE4.0中就已提供了。不过TextRange提供的调用方法却都比较晦涩，那么我们能拿它做些什么呢？      TextRange的传统用途是对用户在Web页上用鼠标圈选的文字内容的操作，比如变化、删除、新增等。但其经典的用途却是，在Web页面中查找文字(这个比较简单)和获取输入框光标的位置。其中后者又有可...[ 查看全文 ]

  她的名字有个张

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

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

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

  sj5419

  51
• 
  优化网页表单设计的输入体验

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

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

  简单的筱侽人

  131
• 
  JS+CSS模拟IP输入框

  标签：Web开发

  测试 [ 查看全文 ]

  习惯有伱哋一切

  611
• 
  CSS实例：横线样式的输入框

  标签：Html CSS布局 Div+CSS XHTML

      在网上我们常常看见一些单的输入框部分并不是我们常见的矩形框，而是一条细线，很多朋友对此很感兴趣。其实要实现这样的效果并不困难，我们只要用一段简短的CSS代码控制好表单输入框的样式即可。   示例如下：   请输入您的用户名： 下面我们就来看看这段实现效果的css代码。它主要运用了表格边框的样式控制，将左、上、右边框设置为no...[ 查看全文 ]

  馨小铭儿

  2231
• 
  非正则实现的只能输入汉字的输入框

  标签：Web开发

  //* *// [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][ 查看全文 ]

  123qqw888z

  31
• 
  限制文本输入框只能输入0-9数字

    可以用Javascript对文本框进行检查，过滤掉非0-9的字符。    <script language=" javascript " event="onkeydown" for="document"         if(event.srcElement.name=='TextBox1')         {               if(!KeyIsNumber(event.keyCode)...[ 查看全文 ]

  刘云111224

  2181
• 
  使用TextRange获取输入框中光标的位

  标签：Web开发

  TextRange是用来表现HTML元素中文字的对象，虽然我们平时不太常用这个对象，可是它却在IE4.0中就已提供了。不过TextRange提供的调用方法却都比较晦涩，那么我们能拿它做些什么呢？      TextRange的传统用途是对用户在Web页上用鼠标圈选的文字内容的操作，比如变化、删除、新增等。但其经典的用途却是，在Web页面中查找文字(这个比较简单)和获取输入框光标的位置。其中后者又有可...[ 查看全文 ]

  摩羯独行侠

  11
• 
  详细解析网页对话框设计技巧

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

  怎么了?除非你对某类对话框已司空见惯，否则遇到，第一反应往往是这样的?这种体验就像你明明急着去赶车，途中却不断被拦住塞传单一样。不能否认，它是一种打断，有时甚至会成为打扰。做为设计师，虽知打断暂不能杜绝，但不使之变为打扰，却是我们该努力做到的： ① 多次打断=打扰 隔一个小时打断你一下，你或者还可以忍受。若是1分钟内好几次打断你，想起来就抓狂吧?这也是Chrome为什么在判断此网页多次出...[ 查看全文 ]

  笑看贴狗

  21
• 
  关于网页源代码屏蔽(3)

  标签：Html CSS布局 Div+CSS XHTML

  最后我们要做的工作，就是把每一页，或者你认为重要的关键的页面进行加密，就OK啦。怎样对网页的源代码进行加密就不用我多说了吧？网上到处都有，可以用工具，也可以自己写一个htm文件来转换。加密软件，我推荐“Batch HTML Encryptor”，去google找吧。还有转换加密网页的代码如下： 〈HTML〉〈HEAD〉〈TITLE〉网页加密解密〈/TITLE〉 〈META http-equiv=Content-Type content="text/html; charset=gb...[ 查看全文 ]

  7eltcj9gn7k4yv

  31
• 
  网页设计师如何设计优质的Web表单技巧

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

  这篇文章算是笔者交的一份读书笔记，与 CRM 系统打交道了这么久，表单天天见。如果表单有感情的话，我猜它应该都不想再看见我了。也是有缘，老板推荐了一本表单设计的书《Web Form Design – Filling the blanks》by Luke Wroblewski，得此书如获至宝。该书对表单描述详尽，案例充分，解决了许多笔者多年未解决的问题。接下来进入正题，我们来聊一聊如何打造优质Web表单。 1. 标签推荐使用右对齐方式 ...[ 查看全文 ]

  qiufo9786

  41
• 
  关于网页源代码屏蔽(2)

  标签：Html CSS布局 Div+CSS XHTML

  那么，有些人就会想到，如果对方看不到框架网页的源代码。又何谈去直接打开被保护网页？对，这就是接下来我要讲的。如果要一个页面的菜单栏内的查看源代码失去效用。那最简单的办法就是去掉菜单栏。而这一点是可以通过弹出窗口来实现的。之所以不选用超链接打开无菜单栏窗口是因为那样会暴露目标地址，浏览者可以直接在浏览器中敲入地址，而绕过这个屏蔽的菜单栏。要使用超链接打开无菜单栏窗口，就必须在...[ 查看全文 ]

  z271375948

  231
• 
  关于网页源代码屏蔽(1)

  标签：Html CSS布局 Div+CSS XHTML

         很早就想写一篇关于网页源代码屏蔽的文章。是因为经常编出些JS脚本的之后，在沾沾自喜的同时，也在担心源代码会被人家看到，盗用我的脚本。所以一直以来，我都在尽力维护我的网页源代码的安全。虽然目前还没有找到完全安全的屏蔽方法（也就是说，这些方法在我想出来的同时，自己已经知道其弱点和破解方法了），但是，我这里有很多屏蔽的思路，来总结一下。 ...[ 查看全文 ]

  曾经相遇112233

  251
• 
  用javascript实现的激活输入框后隐藏初始内容

  标签：Web开发

  div    label for="email"Email/label    input name="email" type="text" id="email" style="width:134px;" onfocus="if(this.value==’Input your email’)this.value=’’;"onblur="if(this.value==’’)this.value=’Input y...[ 查看全文 ]

  zp花兒

  91
• 
  浅谈网页用户体验中的表单设计技巧

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

  网上挤满了各种各样的UI设计方案，事实上我们已经有一套套的方案可遵循。但!设计永无止境!哪怕是一个注册表单，也值得再细心研究。下面给出注册表单设计5个小技巧： 1、别让用户重复填写相同的内容 几乎每个人都经历过这样一个事实：注册时被要求填写邮箱地址两次或重复输入密码。但是这其实是没有必要的。仅填写一次，因为用户一般都记得自己常用的邮箱地址和密码。假设哪天用户忘记密码了可以通过邮箱找...[ 查看全文 ]

  A4梦碎

  191