通过字符串拼接,将所有的输入框中的内容,用“1234235#34634234#123525”这样的格式拼接。网页端代码: 代码如下:<form><table><tr><th>手机:</th> <td style="padding:10px 0;"> <input type="hidden" name="user.mobile" value="124213#243463" id="mobile"/> <div id="mobile_s_div"> <input type="text" id="mobile_t" name="mobile_t" value="%{#session.user.mobile}" onchange="checkMobilephone(this)" onke...
效果如下:代码如下: 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style>.taDetail{height: 50px; width:350px; text-align:left; vertical-align:top;}#divShowNum{ font-size:14px; width: 50px; height: 18px; border: none; padding: 5px; padding-bottom: 15px; display: none; position:absolute; }</style><script type="...
已经有两年多没登陆csdn账号了,中间做了些旁的事,可是现在却还是回归程序,但改做前端了,虽然很多东西都已忘得差不多了,但还是应该摆正心态,慢慢来,在前端漫游,做一只快乐双鱼。 路是一步一步走出来的,知识是一点一滴积累的,记录是笔财富,来吧,一起学着总结做笔记。 这几天在写后台文章的一些页面,为了能得到更好的交互性,需要做一些效果,js无疑使不二之选,但由于浏览器的兼容性一直差强人意,所以选用jquery框架,...
html 代码如下:<p><span style="font-size: 18px; ">输入框自动匹配字符~</span></p><p><span style="font-size: 18px; ">但是遇到一个问题~所有匹配的字符要事先写好~大概如果是大型网站的话~应该是利用数据库的记录吧</span></p><p><span style="font-size: 18px; ">看代码</span></p> html 代码如下:<style> ul,li{margin: 0; padding: 0;width:100%;} </style><script language="javascript" type="text/javascript"> function...
我们在登录网站的时候,文本框中经常会有提示你输入的信息,当你点击文本框,提示信息自动消失,当文本框什么都没有,而且失去焦点的时候,又有了提示文字。 1.原型开发,先做一个简单的: 我们首先需要一个html文件: 代码如下:<html> <head> <title>input test</title> <meta name="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> //这里放置css </style> <script type="text/javascript" src="...
完整示例:http://www.keleyi.com/keleyi/phtml/clearinput.htm 下面是源代码: 代码如下:<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script> <textarea id="keleyi_com" cols="30" rows="5">点击按钮后,这些文字将被清空。http:www.keleyi.com 柯乐义</textarea> <br /><input type="button" id="clear_keleyi_com" value="清空" /> <script type="text/javascript"> $(...
input 输入框获得和失去焦点时隐藏或者显示文字我们先看下效果图 输入框默认状态: 输入框获取焦点状态: 大家可以看效果图的搜索输入框,默认显示着“用户名/Email”的提示,当这个 input 输入框获得焦点时,就自动清空等待用户输入,当用户啥也没输入就离开这个 input 输入框时,输入框内又再次显示“用户名/Email”的提示。是不是很常见?很多搜索、登录、表单都会用到这个效果,但是我看了N多个网站,有90%以上是这么实现的: ...
今天看群里有人发起了人人网以前一些面试题,我以前也转载过一些,恰好闲着,挑选一题来做做,练个手。 本题有以下要求: 1. 使用原生代码实现,不可使用任何框架; 2. 对 input框中输入的字符进行匹配,将匹配到的内容以菜单的形式展现在 input框的下方; 3. 只针对英文字符进行匹配,并且匹配到的内容在菜单中加粗; 4. 通过键盘上的上下箭头可以对菜单进行选择,按下回车后将选中的内容写入到 input框中; 思 路 捕捉输入变化,...
代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Test</title> <script type="text/javascript" src="jQuery/jquery-1.5.2.js"></script> </head> <script type="text/javascript"> $(document).ready(function() { //敲击按键时触发 $("#Score").bind("keypress", function(event) { var getValue = $(this).val(); ...
前端开发过程中,经常需要这样的场景。用JS实现将光标定位于输入框最右侧。 场景一:编辑图片的描述文字 场景二:Script.aculo.us的Ajax.InPlaceEditor类。双击可编辑,编辑后离开可自动更新该区域。 以上场景都需要JS实现将光标定位于输入框最右侧,却不是通过鼠标点入输入框内。 我们知道实现最基本的方法是HTMLElement的focus方法。如下代码如下:<p> <input type="text" value="hello"/> </p> <script> var input = document.ge...
首先还是看html代码: 代码如下:<!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"> <head> <title></title> <script type="text/javascript" src="Scripts/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="Scripts/jquery.autogrow.js"></script> <script type="text/javascript">...
代码如下:/* input 和 textarea 最大文字限定插件 * 修改版, 一个中文表示1一个字, 一个英文半个字; * TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields * * pass -1 as speed if you dont want the char-deletion effect. (dont just put 0) * Example: jQuery("Textarea").textlimit(span.counter,256) * * $Version: 2009.07.25 +r2 * Copyright (c) 2009 Yair Even-Or * vsync....
有两个文件a.html和b.html,a.html 即下面的代码,b.html只是为了验证通过时候一个跳转页面,不做任何代码编写 因为a.html用的是相对路径,所以要想程序能正常运行,b.html文件必须和a.html放在同一个目录下。 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta...
网上看到很方便实现这个功能的事件: IE 中的 onpropertychange 非IE中的 oninput 用这两事件的好处是,当在输入框的内容发生变化调用事件,使用key 和 mouse的相关事件会比较复杂,而且这个方法用粘贴方法一样有效。 不过用js改变input的value值不会发生这两个事件。 在中文本框中添加两个事件的方法就可以了。(看到网上说非ie中的oninput方法要用addEventListener绑定,用 element.oninput = function(){...}不行,可是我在火狐...
废话不多说,直观的看一下: 实现这个功能需要服务端配合。客户端通过脚本来展示从服务端取得的数据。先看客户端的HTML: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>搜索词自...