html,input输入框不出现光标

html,input标签输入框,酷派的手机不出现闪烁的光标,使用了focus()也没有效果,请问是什么原因造成的

2个回答

光标是存在的,只是当前主题光标默认是白色(不同手机不一样),而输入框背景也是白色。
因此视觉上看上去好像光标不显示,其实是显示的。

解决办法:
修改输入框背景颜色
或者 修改字体颜色

酷派的手机兼容性问题 其他手机有的把?

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
input输入框只能点击,不能输入
我想实现一个日期的输入框,当点击的时候直接弹出日期插件,但是不能显示光标,也不能键盘输入。好像需要设置一个input属性.
 cordova + vue input输入框 中间删除文字后自动 跳到最后 问题
 cordova+vue input输入框输入一段文字后,将光标移到文字中间,接着输入文字后光标又自动跳到最后去了。 微信小程序也有会有这样的问题 , 但是小程序的可以处理 ; cordova+vue的app还没找到方法处理 .
输入框input打字无效,没有光标
<input class="task_join_member" type="position" placeholder="请输入成员名"> 样式: .task_join_member_list .task_join_member { margin: 10px auto; font-size: 12px; display: block; width: 90%; height: 30px; line-height: 30px; }
用户输入完成后,把编辑框中的光标移除
在程序的布局中有一个 EditText。当用户在编辑框中输入一些文本后,然后点击“完成”键后,我想把编辑框中的闪烁光标去掉。我查相关资料,使用如下的代码,可以还是没有实现,闪烁的光标依然存在。 private class MyOnKeyListener implements OnKeyListener { public boolean onKey(View v, int keyCode, KeyEvent event) { if (event.getAction() == KeyEvent.ACTION_DOWN && keyCode == KeyEvent.KEYCODE_ENTER) { // FAIL 0 MyActivity.this.findViewById(R.id.someOtherView).requestFocus(); // FAIL 1 InputMethodManager imm = (InputMethodManager)getSystemService( Context.INPUT_METHOD_SERVICE ); imm.hideSoftInputFromWindow(v.getWindowToken(), 0); // FAIL 2 MyActivity.this.getWindow().setSoftInputMode( WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN ); return true; } else { return false; } } } 请问在编辑框中输完内容后如何把这个光标删除呢?
WPF中Popup上的textbox无法切换到中文输入法或无法实现输入候选框跟随光标
WPF中Popup上的textbox有时无法切换到中文输入法,有时可以切换成中文输入法但是 输入法候选框不跟随光标,在网上找到料有人说是微软的一个bug,下面是原文: [原文地址](http://blog.sina.com.cn/s/blog_90231c3a0100wrob.html "") Wpf画面处理时,遇到个问题,popup上怎么都切换不出输入法,只有QQ输入法勉强能切出来打中文,但是也看不到输入框,原来popup上的textbox无法切换出输入法,是微软的一个bug,微软说4.0会修正该bug,项目是3.5的,最新的4.0试了下确实已经修正该问题,可惜用不到。需要自己写个自定义的popup做处理。可能是popup的弹出性质导致的,大概是popup出现时总是处于Active状态,切换输入法时又必须使输入法处于Active状态,以致无法换成切换。代码前半段连语法不会,转不成vb.net,直接c#编译成dll供日后使用算了。 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Runtime.InteropServices; using System.Windows.Controls.Primitives; using System.Windows.Interop; using System.Windows.Input; using System.Windows; namespace HDTWpfControls.vb { public class HdtPopup : Popup { [DllImport("user32.dll")] static extern IntPtr SetActiveWindow(IntPtr hWnd); static HdtPopup() { EventManager.RegisterClassHandler(typeof(HdtPopup), Popup.PreviewGotKeyboardFocusEvent, new KeyboardFocusChangedEventHandler(OnPreviewGotKeyboardFocus),true); } private static void OnPreviewGotKeyboardFocus(Object sender, KeyboardFocusChangedEventArgs e) { var textBox = e.NewFocus as TextBoxBase; if (textBox != null) { var hwndSource = PresentationSource.FromVisual(textBox) as HwndSource; if (hwndSource != null) { SetActiveWindow(hwndSource.Handle); } } } } } 参考资料 http://connect.microsoft.com/VisualStudio/feedback/details/389998/wpf-popup-messes-with-ime-switching ``` ``` 没有测试过此方法的可行性,但是这种方法不能解决一此内置popup控件的bug,比如我用了一个第三方表格控件,里面弹出的popup面板存在输入法切换问题,我该如何解决呢?没有多少c币,有解决方法的还请不吝赐教。
第一个输入框失去焦点后如何使第二个输入框值根据后台方法返回的值随之改变
某一jsp页面,第一个输入框输入某值后,假如test,光标移开,失去焦点,后台触发一方法,假如:document.getElementById("input1") + “OK”得到一结果(testOK)来改变第二个输入框的值,使之变成testOK。 <br />用span.innerHTML 可以对span操作,但是我对input就不知道怎么弄了,特请教,谢谢 <br /><br /><strong>问题补充:</strong><br />可能我没有描述清楚我的问题,很抱歉,我并不是要拿到第二个input的value,而是想在第一个input失去焦点后页面上第二个input的内容发生改变(这个改变是根据第一个input的value发生动态不刷新变化的)。。。谢谢
怎么在JS中设置账号框按回车键光标直接移动到密码输入框
获取元素,然后判断键盘是否按下的是回车,然后呢?该怎么办?下边代码根本没有用 ``` <p>账号:<input type="text" autofocus/></p> <p>密码:<input type="password" ></p> <p><button>登录</button></p> <script> var plist=document.querySelectorAll('p'); plist[0].onkeydown=function(){ if(event.keyCode==13){ this.childNodes[1].removeAttribute('autofocus'); this.nextSibling.nextSibling.childNodes[1].setAttribute('autofocus',true); } } </script> ```
ios部分手机input有文本的情况下,再轻触会出现没有光标,但是键盘弹起来
![图片说明](https://img-ask.csdn.net/upload/201908/16/1565916688_846411.gif) ![图片说明](https://img-ask.csdn.net/upload/201908/16/1565916793_206656.png) ![图片说明](https://img-ask.csdn.net/upload/201908/16/1565916814_493316.png)![图片说明](https://img-ask.csdn.net/upload/201908/16/1565916823_687559.png) 演示的区域是文本‘我们的生活方式’那个输入框
C# webbrowser键盘模拟输入 Inputpile路径。这个Inputpile是没有输入框的,TAB键不管用,能有什么办法可以填入路径?
有一个页面,页面上嵌套了一个form代码如下 ``` /*前面代码省略*/ <div> <form action="https://supplier.netsea.jp/csv_exhibit/confirm" method="POST" enctype="multipart/form-data"> <input type="hidden" name="_token" value="xswwuhHYlYTE0do4M6aSjKdrxP0NEDMk9hUGZaxa"> <p class="tC"> <label for="uploadCsvFile" class="fileInputLabel"><input type="file" name="csv_file" id="uploadCsvFile">选择文件</label><span class="inputFileName block topMgnSeth">你还没有选者文件</span> </p> <div class="w30per blockC topMgnSet4 btmMgnSet6"> <button class="btnType01 btnColor02 btnEffects" type="submit">上传</button> </div> </form> </div> //cs代码 void up_file(object sender, WebBrowserDocumentCompletedEventArgs e)//模拟登陆后操作文件上传 { HtmlElement hel = webBrowser1.Document.GetElementById("uploadCsvFile"); hel.Focus(); hel.InvokeMember("click");//这里可以捕获焦点,弹出选择文件框 //到这里的时候输入框的光标已经在指定位置,输入路径的地方。于是执行下面的操作 string file = "C:\\Users\\Administrator\\Desktop\\1.csv"; //SendKeys.SendWait("{TAB}");这里找不到“uploadCsvFile”,不用Webbrowser直接在IE浏览器里按TAB键也找不到焦点,这个方法排除。 //SendKeys.Send(file);这个方法也是在弹出的对话框里无法填写路径 } //在网上找了下面的方法,因为TAB键找不到焦点也不行,这个文件传上去还要点击确认按钮才能上传成功,大家帮帮忙想想办法 void up_file(object sender, WebBrowserDocumentCompletedEventArgs e) { HtmlElement hel = webBrowser1.Document.GetElementById("uploadCsvFile"); hel.Focus(); SendKeys.SendWait("{TAB}"); SendKeys.SendWait(" "); DelayFillFileChooseDialog(file); } void DelayFillFileChooseDialog(string file) { BackgroundWorker b = new BackgroundWorker(); b.RunWorkerCompleted += new RunWorkerCompletedEventHandler(b_RunWorkerCompleted); b.DoWork += new DoWorkEventHandler(b_DoWork); b.RunWorkerAsync(file); } void b_DoWork(object sender, DoWorkEventArgs e) { Thread.Sleep(1000); e.Result = e.Argument; } void b_RunWorkerCompleted(object sender, RunWorkerCompletedEventArgs e) { SendKeys.Send(e.Result as string); SendKeys.Send("{Enter}"); } ```
JavaScript怎么在输入框禁止特殊字符好
试过几个方法。 第一个onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')"这个方法可以,但是按住不动光标点击框外没有焦点就可以输入。 方法2: var keyup = function (obj) { var reg = /^[a-\z\A-\Z0-9\u4E00-\u9FA5\.\-]+$/; //验证长度 if (obj.value.length > 20) { obj.value = ''; } //验证类型 if (!reg.test(obj.value)) { obj.value = ''; } } 结果和方法一一样! 方法三: function ischin(str) { var reg=/^[a-\z\A-\Z0-9\.\-\。\,\*]{1,20}$/; /*定义验证表达式*/ return reg.test(str); /*进行验证*/ } function fun1(){ if(!ischin(document.getElementById("username").value)){ alert("用户名长度错误或使用特殊字符"); document.getElementById("username").focus(); return false; } return true; } 这个方法好,但是加入id在浏览器审查元素中删掉标签这个id,就失效了!防不住。 请问有什么好的解决方法吗?小白求教
JS键盘事件监听之禁用键盘按键
我的页面内有一个<input type="text"/>输入框,我想要实现的功能是:按下字符键时 正常输入字符,但是按下键盘上的上下方向键时什么也不做,但是现在我按下上方向键时 光标总会跳到内容的最前面,按下下方向键时光标会跳到内容的最后面,请问怎么禁用这两个键盘的功能啊?
新手 前端 html css
红色框框那里是 input 只能打一行字,我把height 调的比较高(比字大好多), 方便鼠标移过去点到输入框。 但是光标太靠下了 ,要怎么往上靠。 (我试过用 textarea 但是这样 按回车是换行 ,不是 发送) ![图片说明](https://img-ask.csdn.net/upload/201810/29/1540821322_744300.jpg) ![图片说明](https://img-ask.csdn.net/upload/201810/29/1540821334_967484.jpg)
请问,如何用JavaScript获取div中插入符光标的像素位置?
如题,div是可编辑的,width和height可变,输入的字符不限格式,并且可输入的字符数量庞大。 * **ps:**热心的亲们,文本框和input的获取方式对于div来说不太适用,╮(╯▽╰)╭ * **pps:**不是鼠标位置,不是div元素的位置,是当焦点在div时,div里面一闪一闪的那个插入符光标的像素位置,有x,y的那种,或者 {left = p.left + "px"; top = p.top +"px"; }的那种(*  ̄︿ ̄) 拜谢
text 文本框限制输入问题,求点击
text文本框中只需要英文和数字,但在已输入正确的文字中插入一个字符,光标就自动跳到最后,该如何解决? 如: 我在文本框中输入abde字符,现在将光标移动到bd中间插入一个c字符后,光标自动跳到e后边。请哪位大神帮忙解决一下。 话不多说,直接上代码: <input class="userId" id="userId" name="userId" type="text" style="ime-mode: disabled" onkeyup="if(event.keyCode != 37&&event.keyCode != 39&&event.keyCode != 8){value=value.replace(/[\W]/g,'')} " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" maxlength="7" /> 导致这个问题就是onkeyup方法中的value=value.replace(/[\W]/g,''),但又不能去掉,纠结中~
应该怎么改这个js?关于focus
代码如下。 在第二个input里输入完东西之后回车,会再自动addlist。然后现在想让他光标自动聚焦到新增的一行的weight输入框里。 目前写的代码里,第二个输入框输入完东西,回车后都是跳到第一行的weight输入框的。 应该怎么去修改呢? ``` function addList(){ var operate_id=$("#last_operate_id").val(); operate_id=parseInt(operate_id)+1; if (operate_id==1000) { operate_id=1; } $("#last_operate_id").val(operate_id); var html = '<tr>' +'<td><input class="form-control" id="weight" name="weight[]" onkeydown="javascript:if(event.keyCode==13) return false;" type="text" "></td>' +'<td><input class="form-control" id="express_id" name="express_id[]" type="text" onkeydown="javascript:if(event.keyCode==13) {addList(); setfocus(); return false; } "></td>' +'<td><input class="form-control" id="remark" name="remark[]" type="text" onkeydown="javascript:if(event.keyCode==13) return false;"></td>' +'<td><input class="form-control" id="operate_id" name="operate_id[]" type="text" readOnly="readOnly" value="'+operate_id+'" ></td>' +'<td><button type="button" class="add btn btn-info dropdown-toggle" onclick="delList(this)">删除</button></td>' +'</tr>'; $("#parcel_goods").append(html); var rows= $("#parcel_goods").find("tr").length-1; document.getElementById('num').innerHTML=rows; //$(html).appendTo("#parcel_goods"); } function setfocus(){ document.getElementById("weight").focus(); } ```
JavaScript中table遍历列的求和
![我想把价格那列输入的值总动求和显示到总价格哪一行中的文本框图片说明](https://img-ask.csdn.net/upload/201705/29/1496016506_926677.png) ``` <html> <head> <style type="text/css"> .yangshi { background:url(images/girl.jpg)no-repeat; height:348px; background-position: 0px 150px; } .test { text-align: right; width:80px; } </style> <script type="text/javascript"> //window.onload=function(){ // var bt=document.getElementById("look"); // var btt=document.getElementById("price"); // bt.onclick=function(){ // alert(btt.value); // } // } // 此方法是alert出文本框中输入的值 function getprice(rowNum) { var id = 'price0'+rowNum; var price = document.getElementById(id); alert(price.value); } //此方法是计算出被选中的价格的总价(自己注意传参和不需要传参的理解) function sumPrice(tableid) { var sum = 0; var tableObj = document.getElementById(tableid); for (var i = 0; i < tableObj.rows.length; i++){ //遍历Table的所有Row var checkBox = document.getElementById('checkbox0'+i); //判断 if(checkBox != null && checkBox.checked){ var id = 'price0'+i; var price = document.getElementById(id); alert(price.value); sum = parseInt(sum) + parseInt(price.value); } } alert(sum); } //此方法是判断文本框中是否有值 如果有则button好用 如果没有则button禁用 //第一步首先光标离开触发onblur事件 //第二步判断text是否为null和'' //第三步如果为null和''则button禁用 反之button可用(前提定位到按钮在哪) function textOnblur(value) { var sum = 0; var tableObj = document.getElementById('shoptable'); var id = 'price0'+value; var price = document.getElementById(id); var btnid = 'btn0'+value; var btnids = document.getElementById(btnid); //alert(btnids.id); for (var i = 0; i < tableObj.rows.length; i++){ //遍历table所有row if(price.value != null && price.value != ''){ document.getElementById(btnids.id).disabled="";//按钮有效 sum = parseInt(sum) + parseInt(price.value); break; }else{ document.getElementById(btnids.id).disabled="disabled";//按钮无效 sum = sum + 0; //alert(sum.value); } //现在是没有值的时候也循环 且 } document.getElementById("allPrice").value = parseInt(sum); //alert(sumPrice); } </script> </head> <body> <h1>购物价格表</h1> <form action="#" method = "post"> <table border="1" id="shoptable"> <thead style="background: #0FF"> <tr> <th>序号</th> <th>选择</th> <th>图片</th> <th>简介</th> <th>价格</th> <td>查看信息</td> <th>查看</th> </tr> </thead> <tbody style=" background: #9CC"> <tr> <td align="center">1</td> <td align="center"><input id="checkbox00" type="checkbox" name="checkbox1" value="checkbox1" /></td> <td><img src="images/black.jpg" style="width:50px;height:50px" /></td> <td>这个图片是黑色的你没看错!</td> <td align="right"><input type="text" id="price00" class="test" onblur="textOnblur(0)" /></td> <td><a href="black.html">查看信息</a></td> <td><input type="button" value="查看" onclick="getprice('0')" id="btn00" /></td> </tr> <tr> <td align="center">2</td> <td align="center"><input id="checkbox01" type="checkbox" name="checkbox2" value="checkbox2" /></td> <td><img src="images/red.jpg" style="width:50px;height:50px" /></td> <td>这个图片是红色的你没看错!</td> <td align="right"><input type="text" class="test" maxlength="3" id="price01" onblur="textOnblur(1)" /></td> <td><a href="black.html">查看信息</a></td> <td><input id="btn01" type="button" value="查看" onclick="getprice('1')" /></td> </tr> <tr> <td align="center">3</td> <td align="center"><input id="checkbox02" type="checkbox" name="checkbox3" value="checkbox3" /></td> <td><img src="images/blue.jpg" style="width:50px;height:50px" /></td> <td>这个图片是蓝色的你没看错!</td> <td align="right"><input type="text" class="test" maxlength="3" id="price02" onblur="textOnblur(2)" /></td> <td><a href="black.html">查看信息</a></td> <td><input id="btn02" type="button" value="查看" onclick="getprice('2')" /></td> </tr> <tr> <td align="center">4</td> <td align="center"><input id="checkbox03" type="checkbox" name="checkbox4" value="checkbox4" /></td> <td><img src="images/green.jpg" style="width:50px;height:50px" /></td> <td>这个图片是绿色的你没看错!</td> <td align="right"><input type="text" class="test" maxlength="3" id="price03" onblur="textOnblur(3)" /></td> <td><a href="black.html">查看信息</a></td> <td><input id="btn03" type="button" value="查看" onclick="getprice('3')" /></td> </tr> </tbody> <tfoot style=" background: red"> <td align="center">5</td> <td align="center">无</td> <td><img src="images/girl.jpg" style="width:50px;height:50px" /></td> <td>以上是所有的商品!</td> <td>总价:<input type="text" class="test" id="allPrice" /></td> <td><a href="black.html">查看信息</a></td> <td><input id="btn04" type="button" value="查看" /></td> </tfoot> </table> <input type="submit" value="提交" onclick="sumPrice('shoptable')"/> <input type="reset" value="重置" /> </form > <div class="yangshi"> aaaaaaaaaaaa </div> </body> </html> ``` 这是我的代码
正则表达式在JSP中的使用
``` <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>京东商城新用户注册</title> <style type="text/css"> .label{ position:absolute; right:70%; } .fi{ position:relative; left:30%; } .clr{ height:20px; color:AAAAAA; font-size:12px; visibility:hidden; } .s{ font-weight:lighter; color:red; } .text{ font-family:宋体; width:200px; } .v{ color:cccccc; font-size:12px; } a{ font-size:12px; } .btn-img{ position:relative; left:30%; } .ok{ background:url("image\gou_meitu_1.jpg"); width:17px; height:16px; visibility:hidden; display:none; } #strength{ color:AAAAAA; font-size:12px; display:none; } .showStren{ width:135px; display:inline; color:white; font-size:12px; } .ceil{ border:0.5px solid #FFFFFF; background-color:DDDDDD; } </style> <script type="text/javascript"> function inUser(){ username_mess.style.visibility="visible"; } function outUser(){ u=f1.username.value; f1.username.style.border="1px solid AAAAAA"; if(u==""){ username_mess.style.visibility="hidden"; return; } reg= /.{4,20}/; //代表着允许4到20位字符,用两个/表示定义表达式,这样reg就有test方法了,返回值是true和false,另外还有exec方法,返回值是null,意味着不匹配,以及字符串,意味着匹配上了什么字符串 if(!reg.test(u)){ username_mess.innerHTML="用户名长度只能在4-20位字符之间"; username_mess.style.color="red"; f1.username.style.color="red"; f1.username.style.border="1px solid red" username_ok.style.visibility="hidden"; return; } reg= /^[\u4e00-\u9fa5 \w-]{4,20}$/; //代表着中文字符和\w(\w能够代替[a-zA-Z0-9_])还有- if(reg.test(u)){ username_ok.style.visibility="visible"; username_mess.innerHTML=""; f1.username.style.color="black"; }else{ username_mess.innerHTML="用户名只能由中文、英文、数字及"_"、"-"组成"; username_mess.style.color="red"; f1.username.style.color="red"; f1.username.style.border="1px solid red"; username_ok.style.visibility="hidden"; } } function inPass(){ pass_mess.style.visibility="visible"; f1.pwd.style.border="1px solid gold"; } function outPass(){ p=f1.pwd.value; f1.pwd.style.border="1px solid AAAAAA"; if(p==""){ pass_mess.style.visibility="hidden"; return; } } function inRPass(){ rpass_mess.style.visibility="visible"; f1.pwd2.style.border="1px solid gold"; } function outRPass(){ p=f1.pwd2.value; f1.pwd2.style.border="1px solid AAAAAA"; if(p==""){ rpass_mess.style.visibility="hidden"; return; } if(!(f1.pwd.value==f1.pwd2.value)){ rpass_mess.innerHTML="两次输入的密码不一致"; rpass_mess.style.color="red"; f1.pwd2.style.color="red"; f1.pwd2.style.border="1px solid red"; repass_ok.style.visibility="hidden"; return; } } function visibe(){ if(f1.visi.checked){ //通过checked属性,能够得到这个复选框是否被选中的Boolean值 pass.style.backgroundColor="FFEEEE"; v=f1.pwd.value; v2=f1.pwd2.value; chang.innerHTML= "<input type='text' name='pwd' class='text' tabindex='2' value='"+v+"' onFocus='inPass()' onBlur='outPass()'/>"; chang2.innerHTML="<input type='text' name='pwd2' class='text' tabindex='2' value='"+v2+"' onFocus='inRPass()' onBlur='outRPass()'/>"; }else{ pass.style.backgroundColor="FFFFFF"; v=f1.pwd.value; v2=f1.pwd2.value; chang.innerHTML="<input type='password' name='pwd' class='text' tabindex='2' value='"+v+"' onFocus='inPass()' onBlur='outPass()'/>"; chang2.innerHTML= "<input type='password' name='pwd2' class='text' tabindex='2' value='"+v2+"' onFocus='inRPass()' onBlur='outRPass()'/>"; } } function keyPass(){ if(f1.pwd.value.length>=6){ pass_mess.style.display="none"; strength.style.display="inline"; sum=checkStrong(f1.pwd.value); if(sum==1){ l.style.backgroundColor="orange"; } if(sum==2){ l.style.backgroundColor="orange"; m.style.backgroundColor="orange"; } if(sum==3){ l.style.backgroundColor="orange"; m.style.backgroundColor="orange"; h.style.backgroundColor="orange"; } } } function checkStrong(Str){ sum=0; reg= /[a-zA-Z]/; if(reg.test(Str)){ sum++; } reg= /\d/; if(reg.test(Str)){ sum++; } reg= /[_-]/; if(reg.test(Str)){ sum++; } return sum; } function inMail(){ mail_mess.style.visibility="visible"; f1.mail.style.border="1px solid gold"; } function outMail(){ mm=f1.mail.value; f1.mail.style.border="1px solid AAAAAA"; if(mm==""){ mail_mess.style.visibility="hidden"; return; } reg=/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/; if(reg.test(mm)){ mail_ok.style.visibility="visible"; mail_mess.innerHTML=""; f1.mail.style.color="black"; }else{ mail_mess.innerHTML="邮箱格式不正确"; f1.mail.style.color="red"; f1.mail.style.color="red"; f1.mail.style.border="1px solid red"; mail_ok.style.visibility="hidden"; } } </script> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <!--我们用div显示提示信息的时候,有两种常用的方法,一是事先写好预设的信息到div,将其设置为隐藏,当事件发生的时候,将相应的信息设置成可见。 --> <!--第二种方式使直接用innerHTML写信息到div中 --> <body> <form id="f1"> <div class="label"><b class="s">*</b>用户名:</div> <div class="fi"> <input type="text" name="username" class="text" tabindex="1" onFocus="inUser()" onBlur="outUser()"/> <!--动作:光标进入输入框的事件是onFocus,离开输入框的事件是onBlur --> &nbsp;&nbsp;<label id="username_ok" class="ok"></label><br/> <!--label标签不会再新的一行显示 --> <div id="username_mess" class="clr">4-20位字符,可由中文、英文、数字及"_"、"-"组成</div> <!--事先写好预设的信息到div --> </div> <div id="pass"> <div class="label"><b class="s">*</b>设置密码:</div> <div class="fi"> <div id="chang" style="display:inline"> <input type="password" name="pwd" class="text" tabindex="2" onFocus="inPass()" onBlur="outPass()" onKeyup="keyPass()"/> </div> &nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="visi" id="viewpwd" onClick="visibe()"/> <label id="pass_ok" class="ok"></label> <label class="v">显示密码字符</label><br/> <div id="strength">安全强度: <table class="showStren" align="center"> <tr align="center"> <td id="l" class="ceil">弱</td> <td id="m" class="ceil">中</td> <td id="h" class="ceil">强</td> </tr> </table> </div> <div id="pass_mess" class="clr">6-16位字符,可由英文、数字及"_"、"-"组成</div> </div> <div class="label"><b class="s">*</b>确认密码:</div> <div class="fi"> <div id="chang2"> <input type="password" name="pwd2" class="text" tabindex="3" onFocus="inRPass()" onBlur="outRPass()"/> </div> <label id="rpass_ok" class="ok"></label><br/> <div id="rpass_mess" class="clr">请再次输入密码</div> </div> </div> <div class="label"><b class="s">*</b>邮箱:</div> <div class="fi"> <input type="text" name="mail" class="text" tabindex="4" onFocus="inMail()" onBlur="outMail()"/> <label id="mail_ok" class="ok"></label> &nbsp;&nbsp;&nbsp;&nbsp;<label class="v">免费邮箱:</label> <a href="">搜狐</a> <a href="">网易</a><br/> <div id="mail_mess" class="clr">请输入常用的邮箱,将用来找回密码、接收订单通知等</div> </div> <div class="label"><b class="s">*</b>推荐人用户名:</div> <div class="fi"> <input type="text" name="referrer" class="text" value="可不填" tabindex="5"/><br/><div class="clr"></div> </div> <input type="button" name="pwd2" class="btn-img" id="registsubmit" value="同意一下协议,提交" tabindex="8"/> </form> </body> </html> ```
JS名称+变量的写法,这样对吗,应该怎么写,帮改一下哦
``` var namestr = form1.username.value; var strs= new Array(); //定义一数组 var strs = namestr.split(","); var y =0 ; var ystr ; for (i=0;i<strs.length ;i++ ) { y=++y ; ystr="_"+y; if(strs[i]=="") { alert("没有填写姓名!"); form1.username+ystr+.focus(); // 我想让光标切换到 form1.username_1.focus(); form1.username_2.focus(); 这样的变量,但这里 ystr 这样写会有错。 return false; } } ``` ``` <input type="text" name="username" id="username_1" value="姓名1"/> <input type="text" name="username" id="username_2" value="姓名2" /> <input type="text" name="username" id="username_3" value="姓名3 "/> ........... <input type="text" name="username" id="username_N" value="姓名N "/> (这个输入框是随时生成的,N为不定数值) ```
使用Javascript 怎样对表格加快捷键,有实例最好
我的表格格式是这样的不能改动: <html> <head></head> <body> <table border="1"> <tr> <td>6908741329326</td> <td>ewfdsfsdf</td> <td><input type="text" name="aaa" id="a1" value="215" /></td> <td>dfsdfsdf</td> <td><input type="text" id="ddd" value="dsfd" /></td> <td>dfsdfsd</td> </tr> <tr> <td>6908741329326</td> <td>dsdfsfsdf</td> <td><input type="text" name="aaa" id="a2" value="2552" /></td> <td>sdfsdfsfs</td> <td><input type="text" id="ccc" value="egbrgr"/></td> <td>dfsdfsd</td> </tr> <tr> <td><input type="text" name="remark" value="备注" /></td> </tr> </table> </body> </html> 以上是表格的样子,只有文本框中的内容可以改动,其他的值不能改动,文本框name="aaa",id是动态获取的值,id="dddd"和id="ccc"的文本框是固定的值,name="remark"文本框是可改动的。我的意思是这样的,当第一行获取光标后就把光标定位到name="aaa"的文本框,然而按"=>"光标,进入id="ddd"的文本框,再按下光标进入id="ccc"的文本框,按左光标进入name="aaa"的文本框编辑文本框.最好有实例...........谢谢。 [b]问题补充:[/b] 在模块中是用来输入订单数据,方面用户使用,只有文本框的数据可以修改,其他数据是从数据库查询出来的不能改动的 [b]问题补充:[/b] 用户有比较多的订单,在很短的时间内输入,用户要求用光标速度比较快,不会用table键,我开始的想法也是用Table键,用户要求不行.希望可以用光标实例........... [b]问题补充:[/b] 大家过来帮帮忙。。。本人非常感谢! [b]问题补充:[/b] 实现不了,原因是文本框的name值是数组,id是动态的,不能搞定 [b]问题补充:[/b] var curRow=order.parentNode.rowIndex;//得到当前行索引 var curCol=order.parentNode.parentNode.//得到当前列索引 我试了一下上面二行有问题. [b]问题补充:[/b] 是用order.TR.rowIndex 这个吗好像不对。 [b]问题补充:[/b] function keyDown(){ var iekey=event.keyCode; var realkey=String.fromCharCode(event.keyCode); //按"Insert"键表格获取光标事件 var grid=document.getElementById("protable"); var order=event.target||event.srcElement; //得到当前的文本框 if(iekey==38){ var curRow = order.parentNode.parentNode.rowIndex;//行索引 var curCol = order.parentNode.cellIndex;//列索引 alert(curRow+","+curCol); if(grid.childNodes[0].childNodes[curRow-1]!=null){ grid.childNodes[0].childNodes[curRow-1].childNodes[curCol].childNodes[0].select();//选中上一行的文本框. } }else if(iekey==40){ var curCol = order.parentNode.parentNode.rowIndex;//行索引 var curRow = order.parentNode.cellIndex;//列索引 alert(curRow + "," + curCol); if(grid.childNodes[0].childNodes[curRow-1]!=null){ grid.childNodes[0].childNodes[curRow].childNodes[curCol-1].childNodes[0].select();//选中下一列的文本框. } } } document.onkeydown = keyDown; 文本框总是不能获取光标。。。。。。。。。。。
推荐 130 个令你眼前一亮的网站,总有一个用得着
总结了大学生活两年来,发现的 130 余个黑科技网站,总有一个会让你眼前一亮,赶紧收藏!
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
我在支付宝花了1分钟,查到了女朋友的开房记录!
在大数据时代下,不管你做什么都会留下蛛丝马迹,只要学会把各种软件运用到极致,捉奸简直轻而易举。今天就来给大家分享一下,什么叫大数据抓出轨。据史料证明,马爸爸年轻时曾被...
程序员请照顾好自己,周末病魔差点一套带走我。
程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。
卸载 x 雷某度!GitHub 标星 1.5w+,从此我只用这款全能高速下载工具!
作者 | Rocky0429 来源 | Python空间 大家好,我是 Rocky0429,一个喜欢在网上收集各种资源的蒟蒻… 网上资源眼花缭乱,下载的方式也同样千奇百怪,比如 BT 下载,磁力链接,网盘资源等等等等,下个资源可真不容易,不一样的方式要用不同的下载软件,因此某比较有名的 x 雷和某度网盘成了我经常使用的工具。 作为一个没有钱的穷鬼,某度网盘几十 kb 的下载速度让我...
20道你必须要背会的微服务面试题,面试一定会被问到
写在前面: 在学习springcloud之前大家一定要先了解下,常见的面试题有那块,然后我们带着问题去学习这个微服务技术,那么就会更加理解springcloud技术。如果你已经学了springcloud,那么在准备面试的时候,一定要看看看这些面试题。 文章目录1、什么是微服务?2、微服务之间是如何通讯的?3、springcloud 与dubbo有哪些区别?4、请谈谈对SpringBoot 和S...
讲真,这两个IDE插件,可以让你写出质量杠杠的代码
周末躺在床上看《拯救大兵瑞恩》 周末在闲逛的时候,发现了两个优秀的 IDE 插件,据说可以提高代码的质量,我就安装了一下,试了试以后发现,确实很不错,就推荐给大家。 01、Alibaba Java 代码规范插件 《阿里巴巴 Java 开发手册》,相信大家都不会感到陌生,其 IDEA 插件的下载次数据说达到了 80 万次,我今天又贡献了一次。嘿嘿。 该项目的插件地址: https://github....
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
2020 年,大火的 Python 和 JavaScript 是否会被取而代之?
Python 和 JavaScript 是目前最火的两大编程语言,但是2020 年,什么编程语言将会取而代之呢? 作者 |Richard Kenneth Eng 译者 |明明如月,责编 | 郭芮 出品 | CSDN(ID:CSDNnews) 以下为译文: Python 和 JavaScript 是目前最火的两大编程语言。然而,他们不可能永远屹立不倒。最终,必将像其他编程语言一...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
Flutter 会不会被苹果限制其发展?
这个可能性是存在的,而且不止是 flutter、react-native 、weex 、uni-app 、taro 、Hippy等都存在这个风险,虽然有些框架对比起 flutter 其他框架存在时间稍长,但是这不可否认它们一直都存在这个风向。 只要不是平台自己的亲儿子,那么肯定存在被限制发展的风险,所以这件事上是风险和收益之间的博弈,这是一个“后妈和前任之间的太极。” 先说现状 如今各大平台,如:...
没用过这些 IDEA 插件?怪不得写代码头疼
使用插件,可以提高开发效率。对于开发人员很有帮助。这篇博客介绍了IDEA中最常用的一些插件。
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
最全最强!世界大学计算机专业排名总结!
我正在参与CSDN200进20,希望得到您的支持,扫码续投票5次。感谢您! (为表示感谢,您投票后私信我,我把我总结的人工智能手推笔记和思维导图发送给您,感谢!) 目录 泰晤士高等教育世界大学排名 QS 世界大学排名 US News 世界大学排名 世界大学学术排名(Academic Ranking of World Universities) 泰晤士高等教育世界大学排名 中国共...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
一个程序在计算机中是如何运行的?超级干货!!!
强烈声明:本文很干,请自备茶水!???? 开门见山,咱不说废话! 你有没有想过,你写的程序,是如何在计算机中运行的吗?比如我们搞Java的,肯定写过这段代码 public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World!"); } ...
【蘑菇街技术部年会】程序员与女神共舞,鼻血再次没止住。(文末内推)
蘑菇街技术部的年会,别开生面,一样全是美女。
Linux必懂知识大总结(补)
关机 1. 数据同步写入磁盘 sync 为了加快对磁盘上文件的读写速度,位于内存中的文件数据不会立即同步到磁盘上,因此关机之前需要先进行 sync 同步操作。 2. shutdown # /sbin/shutdown [-krhc] [时间] [警告讯息] -k : 不会关机,只是发送警告讯息,通知所有在线的用户 -r : 将系统的服务停掉后就重新启动 -h : 将系统的服务停掉后就...
立即提问