从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。好是好,但有时候会画蛇添足,比如已经用js控制了这个功能的时候。只要使用以下CSS代码可轻松实现隐藏IE浏览器自带的文本删除按钮和密码查看按钮。::-ms-clear, ::-ms-reveal { display:none; }其中 ::-m...
input输入密码加密html代码<form id="login-form" method="post" onsubmit="return checkForm()">输入密码<input type="password" id="input-password"><input type="hidden" id="md5-password" name="password"><button type="submit">Submit</button> </form>js代码function checkForm() {var input_pwd = document.getElementById(input-password);var md5_pwd = document.getElementById(md5-password);// 把用户输入的明文变为...
先看下基于JS代码实现input密码输入框输入密码变黑点密文。具体代码如下所示:html代码<form id="login-form" method="post" onsubmit="return checkForm()">输入密码<input type="password" id="input-password"><input type="hidden" id="md5-password" name="password"><button type="submit">Submit</button> </form>js代码function checkForm() {var input_pwd = document.getElementById(input-password);var md5_pwd = docu...
本文实例介绍了javascript实现input file上传图片预览效果的详细代码,分享给大家供大家参考,具体内容如下运行效果图:具体实现代码:<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title><script type="text/javascript" src="jquery-1.11.1.min.js"></script><style type="text/css">.imgbox,.imgbox1{float: left;margin-right: 20px;margin-top: 20px;position: relative;width: 182px;height: 142px;border: 1...
在深圳做项目的时候,需要一个用户上传头像预览的功能!是在网上找了好多,都不太满意。要么是flash的,要么是Ajax上传后返回图片路径的,要么压根就是不能用的。幸运的是在这个项目以前有人写过一个图片预览的功能,还被我给翻了出来,在这里做个记录,方便自己以后用,也方便其他需要的朋友!代码很简单,如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi...
在开发中,文件上传必不可少,<input type="file" /> 是常用的上传标签,但是它长得又丑、浏览的字样不能换,我们一般会用让,<input type="file" />隐藏,点其他的标签(图片等)来时实现选择文件上传功能。 看代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="js/jquery/jquery-1.8.2.min.j...
双击空白或者文字变成input框修改内容:html代码<td class="center" ondblclick="ShowElement(this,intro)">{$vo.intro}</td> <td class="center" ondblclick="ShowElement(this,address)">{$vo.address}</td> js代码//双击修改 function ShowElement(element,abc){// console.log(abc);var list = abc;var me = element;var oldhtml = element.innerHTML;var newobj = document.createElement(input);newobj.type = text;//修改...
Bootstrap FileInput插件功能如此强大,完全没有理由不去使用,但是国内很少能找到本插件完整的使用方法,于是本人去其官网翻译了一下英文说明文档放在这里供英文不好的同学勉强查阅。另外附上一段调用方发和servlet端的接收代码,未完待续。引言:一个强化的HTML5 文件输入插件,适用于Bootstrap 3.x。本插件对多种类型的文件提供文件预览,并且提供了多选等功能。本插件还提供给你一个简单的方式去安装一个先进的文件选择/上传控...
本文实例讲述了JavaScript实现清空(重置)文件类型INPUT元素值的方法。分享给大家供大家参考,具体如下:因为安全限制,脚本是不能随意设置其value值的,所以并不能像其它表单输入域那样用属性来设置使其重置。重置一个文件域的值,归纳起来主要有 3 种方法。本文分析这三种方法的浏览器兼容性以及优缺点,并给出一个比较完美的综合方案的代码和Demo。重置文件域的三种方法:1. 设置value属性为空。对于IE11以上和其它较新的非IE的现...
页面上有许多input框,使用的是EasyUI样式,中间还参杂着各种其他无id的Input框,如下: <input class="easyui-textbox"/> <input id="holdercscname" class="easyui-textbox" validType="length[0,100]"/> <input id="holdercscno" class="easyui-textbox" validType="length[0,100]"/> <input id="managecom" class="easyui-combobox" data-options="editable:false"/> <input class="easyui-textbox"/> <input class="easyui-te...
HTML: <div class="form-group"> <label class="control-label" for="srAddress">SR地址</label> <input type="text" name="srinterfaceip" class="form-control" id="srAddress" placeholder="请输入接口地址"/> </div> <div class="form-group"> <label class="control-label" for="interfaceAddress">逻辑...
第一步 引入js包 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 第二步,写一个js方法 <script type="text/javascript"> function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $(#showImg).attr(src, e.target.result).width(150).height(200); }; reader.readAsDataURL(input.files[0]); } } ...
控制input框只读可以防止用户对数据的更改,在某些情况下还是比较实用的,下面使用js来完成这个只读实现<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("us...
onblur:只要input失去焦点就会触发 onblur事件。不管input框里面的值是否改变,都会触发事件。onchange:只有当input框里面的值发生变化才会执行,这里加了值判断 。请看下面实例:??function init(){ ?? ?function testChange(){ ?? ??? ?this.value=this.value.toUpperCase(); ?? ??? ?document.getElementById("onchangeDiv").innerHTML=Number(document.getElementById("onchangeDiv").innerHTML)+1; ?? ?} ?? ?function test...
本文实例讲述了JavaScript获取并更改input标签name属性的方法。分享给大家供大家参考。具体实现方法如下:输出别的。//比如:list[i].id; list[i].value等等。alert(list[i].name); // 这是修改这个值list[i].name = 'mm'; // 这时弹出的就是'mm'了alert(list[i].name);} 希望本文所述对大家的javascript程序设计有所帮助。