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

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

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

  标签：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
• 
  网页表单标题和输入框排列方式设计技巧

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

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

  大云南旅游

  591
• 
  关于搜索输入框

  标签：Web开发

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

  阳光的合伙人传

  111
• 
  网页输入框的样式触发效果

  标签：Web开发

  这个例子主要学习两个参数onblur和onFocus.因为这两个参数以前很少遇到,baidu 一下明白了，onblur 是控件在失去焦点的时候触发的事件,而onFocus就是成为输入焦点的时候触发的事件,这两个参数都可以和className结合直接调用样式表类名 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html head meta http-equiv="Content-Type" content="text/...[ 查看全文 ]

  能饶人处且饶人

  71
• 
  网页输入框的样式触发的效果

  标签：Web开发

  这个例子主要学习两个参数onblur和onFocus.因为这两个参数以前很少遇到,baidu一下明白了，onblur是控件在失去焦点的时候触发的事件,而onFocus就是成为输入焦点的时候触发的事件,这两个参数都可以和className结合直接调用样式表类名 !DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html head metahttp-equiv=...[ 查看全文 ]

  天天无忧house

  141
• 
  网页设计中文本输入框一些参数说明

  标签：Web开发

       在一般的留言本，论坛等地方都要用到文本输入框，也就是html语言中的textarea,textare包含有众多的参数，学会运用这些参数，就可以随意修改文本输入框的大小和外观，达到你想要的效果，下面就来介绍这些参数，以及如何使用这些参数。 1、cols，垂直列。在没有做样式表设置的情况下，它表示一行中可容纳下的字节数。例如cols=60，表示一行中最多可容纳60个字节，也就是30个汉字。另...[ 查看全文 ]

  索尼克先生

  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
• 
  WEB设计中的网页表单关于编码设计的小技巧

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

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

  sj5419

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

  标签：Web开发

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

  她的名字有个张

  71
• 
  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
• 
  优化网页表单设计的输入体验

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

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

  简单的筱侽人

  131
• 
  JavaScript/JS密码输入框的问题

  标签：Web开发

  Sample 1:普通情况，即默认情况,AutoComplete时打开的。见：IE5-工具-内容-自动完成选项。 forminput type = text name = Email/form Sample 2:有时候我们并不需要AutoComplete，例如需要用户自己再次输入密码而非自动完成。只要将所在表单元素的autocomplete属性设置为off即可。 forminput type = password name = Password autocomplete = "off"/form Sample 3:那么，如果所有表...[ 查看全文 ]

  凝雪紫衣88

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

  标签：Html CSS布局 Div+CSS XHTML

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

  馨小铭儿

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

  标签：Web开发

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

  123qqw888z

  31
• 
  JS+CSS模拟IP输入框

  标签：Web开发

  测试 [ 查看全文 ]

  习惯有伱哋一切

  611
• 
  限制文本输入框只能输入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
• 
  网页表单设计实例技巧五则

  标签：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