通过字符串拼接，将所有的输入框中的内容，用“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>搜索词自...