上传控件基础知识说明: 上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过javascript来赋值,这就使得不能通过value=""语句来清空它。很容易理解为什么只读,如果可以随意赋值的话,那么用户只要打开你的网页,你就可以随心所欲的上传他电脑上的文件了。 js 获取<intput type=file />的值 代码如下:<html> <script language=javascript> funct...
网上找了很多,不实用,要不兼容问题,这个可以!<input>禁止键盘及中文输入,但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫,呵呵,在此记录以便日后之用;另外禁止粘贴 onpaste="return false" 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <script> // 样式 style="ime-mode:disabled" 禁止中文输入...
在运用html+css+javascrpt进行页面制作时,我们往往会遇到一些影响用户体验,而又容易被我们忽视的小细节。比如,input输入框中的提示信息,怎样才能根据对象获得和失去焦点而实现其显示和隐藏。今天在这里,想跟大家分享一下这个小技巧,希望各位大神不要拍砖哦~~~ 一、要求 input输入框,在光标显示时,隐藏提示信息;光标离开输入框时,显示提示信息。 二、方法 1、给该input取id名,Onfocus=”方法名1(this)”,onblur=”方法名...
代码如下:<input id="productName" name="productName" class="wid10" type="text" value="" /> 代码如下://绑定商品名称联想 $(#productName).bind(input propertychange, function() {searchProductClassbyName();}); 代码如下:searchProductClassbyName 为触发后调用的方法; 实现效果:
挺炫的一个效果,百度和谷歌好像已实现好多年了,我以为在网上能轻易找到代码来实现这个效果。真正遇到这个需求,发现还真找不到。于是自己动手写这个效果,由于我是把效果整合到我的整套框架里,所以没有进行单独的封装。 需求:实现带提示的input框,类似百度搜索,有改动的时候去获取常用关键词,数据来源于系统数据库,支持鼠标选择或键盘选择 思路:框架一贯思路,通过class作为监听入口,通过data作为数据传递;通过监听inpu...
代码如下:<html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> </head> <script language="JavaScript"> function isreadonly(){ var obj = document.getElementById("username"); obj.setAttribute("readOnly",true); obj.style.backgroundColor="#d2d2d2"; } function readwrite...
将input、select清空 代码如下:var inputObjs=jQuery("#queryAdvancedDiv input[type=text]"); for(var i=0;i<inputObjs.length;i++){ var inputObj = inputObjs[i]; inputObj.value=""; } var selectObjs = jQuery("#queryAdvancedDiv select"); for(var i=0;i<selectObjs.length;i++){ var selectObj = selectObjs[i]; selectObj.value=""; }
摘要:许多重视用户体验的设计师都希望给文本框(input)加上获取焦点或者鼠标悬停时的样式切换效果。其实很简单,我们只需要获取页面上的文本框,加上onfocus事件或者其他对应的事件即可。本文介绍了如何在获取焦点时切换样式,明白原理后,实现其他效果就很简单了。 许多重视用户体验的设计师都希望给文本框(input)加上获取焦点或者鼠标悬停时的样式切换效果。其实很简单,我们只需要获取页面上的文本框,加上onfocus事件或者其他...
代码如下:<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="js/jquery-1.4.2.min.js"></script><script type="text/javascript"> //第一种方法$(document).re...
代码如下:$("#picTxt").attr("value",picTxt);
1.链接到某页 <input type="button" name="Submit" value="确 定" class="btn" onclick="location.href='filename.html'" /> 2.返回(等同后退) <input name="Submit2" type="button" class="btn" onclick="location.href='javascript:history.go(-1);'" value="返 回" /> 3.打开新网页 <input type="button" name="Submit2" value="确 定" class="btn" onclick="window.open('filename.html')" /> 4.打开无边框的新窗口 <input typ...
ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9" > 只能是中文<input onkeyup="value=value.replace(/[ -~]/g,)" onkeydown="if(event.keyCode==13)event.keyCode=9"> 屏蔽输入法<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"> 只能输入英文和数字<input onkeyup="value=value.replace(/[\W]/g,) "onbeforepaste="clipboardData.setData(te...
上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过 javascript来赋值,这就使得不能通过value=""语句来清空它。很容易理解为什么只读,如果可以随意赋值的话,那么用户只要打开你的网页, 你就可以随心所欲的上传他电脑上的文件了。 js 获取<intput type=file />的值 代码如下:<html><script language=javascript> function show(){ var p=do...
如下所示;var objFile = document.getElementById(fileID);objFile.outerHTML=objFile.outerHTML.replace(/(value=\").+\"/i,"$1\"");
1、js为<input>设置readOnly属性 <textarea name="content" id="content" cols="27" rows="6"></textarea> var cObj = document.getElementById("content"); cObj.setAttribute("readOnly",true); 2、js移除<input>readOnly属性 var cObj = document.getElementById("content"); cObj.removeAttribute("readOnly"); 注意:一定要注意readOnly大小写!!!