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

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

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

  标签：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
• 
  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
• 
  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
• 
  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
• 
  网页设计中文本输入框一些参数说明

  标签：Web开发

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

  索尼克先生

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

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

  标签：Web开发

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

  狮子zxv

  611
• 
  使用输入框填写行列值输出矩阵表

  标签：编程语言 网络编程

  import javax.swing.*; public class Lesson23 { public static void main ( String [] args ) { int SHI; // 循环检测程序 ! do { //输入框检测程序 ! System.out.println( "" ); System.out.println( "" ); String Hang = JOptionPane.showInputDialog( " 请输入图形的行数 ： " ); int x = Integer.parseInt( Hang ); String Lie = JOptionPane.showInputDialog( "请...[ 查看全文 ]

  s3929801

  31
• 
  用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
• 
  Win10如何在任务栏上添加地址输入框

  标签：电脑入门

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

  幸运四叶草1210

  271