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

网页输入框的样式触发的效果的相关文章

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

  标签：Html CSS布局 Div+CSS XHTML

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

  馨小铭儿

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

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

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

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

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

  大云南旅游

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

  标签：Web开发

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

  123qqw888z

  31
• 
  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
• 
  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
• 
  jQuery 自动增长的文本输入框实现代码

  标签：Web开发

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

  狮子zxv

  611
• 
  用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
• 
  使用TextRange获取输入框中光标的位置的代码

  标签：Web开发

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

  她的名字有个张

  71
• 
  鼠标放在放在输入框上面提示效果

  标签：Web开发

  鼠标提示 body{font-size:12px} [ 查看全文 ]

  小兮珊争

  231
• 
  解决Win8.1无法在输入框键入数字的两大方案

  标签：电脑入门

  朋友想通过电话激活Win8.1界面，可是在进到此界面的时候却要求输入确认你的ID数字，根据提示输入数字，却发现无法在输入框键入数字，因此电话激活也便不能顺利进行。上述的问题有什么好的办法进行解决呢?两种方案迅速分享给大家。 无法在输入框键入数字问题： Windows 8.1系统下，用户在进行系统激活时，如果选择通过电话激活; 然后选择中国，并单击下一步; 拨打微软激活电话并获取到微软...[ 查看全文 ]

  天蝎艾米玉儿

  401
• 
  html5配合css3实现带提示文字的输入框(摆脱js)

  标签：Web开发

  很久没写过技术文章了，最近一直在以Webkit作为载体开发系统，当然需要大量使用Html5与CSS3，不仅减少大量的JS还可以保证更流畅。   当选中对话框后，提示文字变浅色,输入后消失.这个现在通行的做法是在Input标签后面增加一个Label。使用JS控制。 HTML5出现后，我们有一个更好的方法。  代码如下： input type="text" placeholder="用户名或邮件地址" name="username"/ 我们看到有placeholde...[ 查看全文 ]

  mdwtsqagp

  451
• 
  使用iframe作为日历的载体不再被select和flash等控件挡住的日期输入框

  标签：Web开发

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

  东墙有风

  251
• 
  Win10如何在任务栏上添加地址输入框

  标签：电脑入门

  效率一向是多数人使用电脑的一个目标，怎样提高电脑操作的效率一直是很多用户的追求。在Win10系统上，我们可以快速从任务栏打开一个网站，只需要添加地址工具栏就行。 操作方法 1.右键点击任务栏，选择属性。 2.跳转到工具栏。 3.将地址前面的方框勾选，点击确定。 4.任务栏上出现了地址输入框，输入网址就能打开网站。 如果你的任务栏会自动隐藏，那就降低了操作的效率，阅读《Win10如何不...[ 查看全文 ]

  幸运四叶草1210

  271
• 
  Photoshop巧用图层样式设计立体效果的网页按钮

  标签：PS PS基础

  图层样式是每个设计师都常用的功能，合理巧妙的应用能大大的节省我们的工作时间，提高工作效率，今天我来分享一下平时工作中对图层样式应用的一点技巧，希望对新手有点帮助，我们的目标：简单实用。 一、按钮篇 在制作页面的按钮时，我们希望保证设计风格的情况下，能够最大程度适应各类修改情况，比如：尺寸，色调，形状的修改等等。 下面来谈谈几种风格按钮的制作方法 网站上最常见的按钮，用图层样...[ 查看全文 ]

  馃拕馃巵馃惐

  41
• 
  可输入的下拉框

  标签：Web开发

  HTML HEAD META http-equiv='Content-Type' content='text/html; charset=gb2312' TITLE可输入的下拉框/TITLE /HEAD BODY div style="position:relative;" span style="margin-left:100px;width:18px;overflow:hidden;" select style="width:118px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value" option value="www.souzz.net" souzz /option option value="www.eWebSoft.c...[ 查看全文 ]

  陪陪丽

  91