Css--input输入框点击时去掉外框outline:medium;(chrome) .search input[type='search']{
background:no-repeat 0 0 scroll #EEEEEE;
border:none;
outline:medium;
}
在chrom浏览器下面,点击input输入时,会有边框,
在样式中使用:outline:medium;
就不会有了。
js alert,confirm,prompt的用法(附加一段有用的alert代码 alert() 弹出个提示框(确定) confirm() 弹出个确认框(确定,取消) prompt() 弹出个输入框让你输入东西 使用消息框 使用警告、提示和确认 可以使用警告、确认和提示消息框来获得用户的输入。这些消息框是 window 对象的接口方法。由于 window 对象位于对象层次的顶层,因此实际应用中不必使用这些消息框的全名(例如 "window.alert()"),不过采用全名是一个好注意,这样有助于您记住这些消息框属于哪个对象。 警告消息框 alert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。 window.alert("欢迎!请按“确定”继续。"); 确认消息框 使用确认消息框可向用户问一个“是-或-否”问题,并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步操作。 var truthBeTold = window.confirm("单击“确定”继续。单击“取消”停止。"); if (truthBeTold) { window.alert("欢迎访问我们的 Web 页!"); } else window.alert("再见啦!"); 提示消息框 提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则,默认文本为 "
使用消息框 使用警告、提示和确认 可以使用警告、确认和提示消息框来获得用户的输入。这些消息框是 window 对象的接口方法。由于 window 对象位于对象层次的顶层,因此实际应用中不必使用这些消息框的全名(例如 "window.alert()"),不过采用全名是一个好注意,这样有助于您记住这些消息框属于哪个对象。 警告消息框 alert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。 window.alert("欢迎!请按“确定”继续。"); 确认消息框 使用确认消息框可向用户问一个“是-或-否”问题,并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步操作。 var truthBeTold = window.confirm("单击“确定”继续。单击“取消”停止。"); if (truthBeTold) { window.alert("欢迎访问我们的 Web 页!"); } else window.alert("再见啦!"); 提示消息框 提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则,默认文本为 "
1.//以下以失焦时,去掉文本框对应值的前后空格为例;此外存在局部刷新元素也适应,局部刷新 后再调用此方法即可。 2.var funMap = {};//记录页面变动之前的所有元素原始onblur方法 3.var tmpMap = null;//以元素name为key存储onblur方法,存在当前页面原始onblur方 法; 4.function bindOnblurEvent(){//绑定对象类型input(type=text) texttarea 5. var elements = document.getElementsByTagName('form')[0]; 6.tmpMap = {}; 7. if(elements != null){ 8. for ( var i = 0; i
如何在input里面添加邮箱的时候让邮箱后缀自动出来,你一定很想知道,下面我就给您分享下这个代码。 第一部分
执行上面的小例子,在页面上弹出对话框并显示一句话“上联:山石岩下古木枯”,如下所示:
接着,单击“确认”按钮后再显示第二个对话框并显示“白水泉边少女妙!”,效果如下; 在页面上弹出对话框并显示一句话“上联:山石岩下古木枯”,单击“确认”按钮后再显示第2个对话框并显示“白水泉边少女妙!”我们来分析一下这个小例子: a、在 即可实现效果。 3、光标自动放到文本框: document.form1.yhm.focus();和document.form1.mm.focus(); 位置; 在return false 上面。如图
JS文本框输入数字立即转换为大写人民币金额显示,具体代码如下: ///////////////////////////////////////////////////////////////////// //界面 ///////////////////////////////////////////////////////////////////// <div align="center"> <span>输入数字:<asp:TextBox ID="Digits" name="Digits" runat="server" onkeyup="convertCurrency(this.value);"></asp:TextBox></span> <span>大写金额:<asp:TextBox ID="getCapital" name="getCapital" runat="server" Width="400"></asp:TextBox></span> </div> ////////////////////////////////////////////////////////////////////// //BLL.JS 中数字字符转换成大写人民币通用方法封装 ////////////////////////////////////////////////////////////////////// function convertCurrency(currencyDigits) { var MAXIMUM_NUMBER = 99999999999.99; //最大值 // 定义转移字符 var CN_ZERO = "零"; var CN_ONE = "壹"; var CN_TWO = "贰"; var CN_THREE = "叁"; var CN_FOUR = "肆"; var CN_FIVE = "伍"; var CN_SIX = "陆"; var CN_SEVEN = "柒"; var CN_EIGHT = "捌"; var CN_NINE = "玖"; var CN_TEN = "拾"; var CN_HUNDRED = "佰"; var CN_THOUSAND = "仟"; var CN_TEN_THOUSAND = "万"; var CN_HUNDRED_MILLION = "亿"; var CN_DOLLAR = "元"; var CN_TEN_CENT = "角"; var CN_CENT = "分"; var CN_INTEGER = "整"; // 初始化验证: var integral, decimal, outputCharacters, parts; var digits, radices, bigRadices, decimals; var zeroCount; var i, p, d; var quotient, modulus;g, ""); currencyDigits = currencyDigits.replace(/
如何让文本框内的提示信息在激活文本框时清空 解决思路: 当需要填写的文本框很多时,在每个文本框内写上提示信息是个不错的办法,但这样一来用户在填写该项时必须先把提示文本删掉,非常不方便。所以应该让文本框更人性化一点,在focus时检查当前值是否为文本框的默认值,是则清空,否则保持不变,而在blur时检查文本框的内容是否为空,是则重置为默认值,否则保持不变。 具体步骤: 1.设置文本框的默认值或提示信息。 2.判断、清空文本框内容的函数。 function cls(){ with(event.srcElement) if(value==defaultValue) value="" } 3.判断、还原文本框内容的函数。 function res(){ with(event.srcElement) if(value=="") value=defaultValue
4.给文本框添加触发事件onfocus和onblur,调用函数处理。完整代码: 注意:本例的方法对大部分表单控件都有效,比如多行文本
这个标题可能比较拗口不好理解,但是我相信所有的人都见过这个效果,大家可以看本站右上角的搜索输入框,默认显示着“输入搜索内容”的提示,当这个in put 输入框获得焦点时,就自动清空等待用户输入,当用户啥也没输入就离开这个input 输入框时,输入框内又再次显示“输入搜索内容”的提示。是不是很常见?很多搜索、登录、表单都会用到这个效果,但是我看了N多个网站,有90%以上是这么实现的: 我是非常反对把javascript 写在html 标签里的,这和style写在html 标签里一样,虽然不违反W3C 标准,但也不推荐这么写。因为: 1、完全没有复用性可言,如果是个表单,输入框很多,每个都需要这样的效果,那就每个都这么处理吗? 2、如果要修改其中的提示文字,费时费力又不好维护。 3、我们倡导结构(html)、表现(css)、行为(javascript)三者分离,这才是一个好的页面。 那要怎么写才能实现这个效果,而且既有复用性,又好维护,又不需要把js 写进html 里呢? 相信我们都有加载jQuery,我就基于j Query 写了一个方法,具体方法如下: 1、html 部分: 2、引入jQuery: 3、执行脚本: $(function() { var inputEl = $(…#input_test?), defVal = inputEl.val(); inputEl.bind({ focus: function() { var _this = $(this); if (_this.val() == defVal){ _this.val(”); } }, blur: function() { var _this = $(this); if (_this.val() == ”){ _this.val(defVal); } } }); })实现的最终效果是一样一样的,或许是我个人的代码洁癖,但我相信,好代码从细节开始!
JS 点击添加input 输入框 有的时候我们需要提交多个input 框,这个就需要我们利用js 来实现。 ?View Code HTML 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46