输入框 | 易学教程

禁止输入框记录输入记录，点击输入框下不会出现输入过的记录

阅读更多关于禁止输入框记录输入记录，点击输入框下不会出现输入过的记录

在你的input框里面添加autocomplete="off" 即可来源： https://www.cnblogs.com/simple827/p/11913968.html

　　接了BOSS的一个开发任务，大概意思是说做一个类似驾考宝典这样的考试系统，有一个答题模板，展示全部题目，然后答过的题目变颜色，结果如下图。并且为了应付异常情况，比如手机突然关机电话拨入之类的。需要给保存下用户的考试情况。　　　　　　　　　　　　　　大概考虑一下，首先应对异常情况，小程序提供了本地数据存储的功能，不论关机或者退出微信，除非数据内存紧张，不然数据是不会清除的，所以考虑将数据保存在本地数据中。　　第二个数据存储结构，因为考试信息较多，所以我考虑首先将用户的答题情况保存为一个如下的json 　　　　　　　　　　其中对象中一个对象包含一种类型的题目信息总和，num代表题目数，score代表每道题目的分数，qid是题目id，rightAns是这道题目的正确答案，answer是用户的答案。　　然后每次打开一道题就根据qid打开一道题目，将题目信息存在currentQuestion对象中，总之根据这个json对象可以获取很多信息。比如上一题，下一题，总之可以在打开题目的时候。将这些信息查找出来放在currentQuestion对象中，方便使用。　　　　　其中几种类型中，填空的需求比较特别，记录一下，先上图，这个界面现在还是比较简单，后期再慢慢改，先实现功能。就是说答案几个字就显示几个空，让用户按这几个格子输入答案，一个格子一个字。　　　　　　　　　　　

第十二周总结

阅读更多关于第十二周总结

第十二周学习总结本周主要学习了除JFrame以外的其他容器和事件处理监听器。一、JPanel JPanel可以实现各种复杂的界面显示。在JPanel中可以加入任意组件，然后直接将JPanel容器加入到JFrame容器中即可。 JPanel默认使用流式布局管理器，我们也可以根据需要在创建JPanel对象时用构造函数创建需要的布局管理器。二、JSplitPane JSplitPane的主要功能是分割面板，可以将一个窗体分为两个子窗体，可以是水平排列也可以是垂直排列。使用多个JSplitPane可以实现复杂分割。三、JTabbedPane JTabbedPane是在一个面板上设置多个选项卡。常用方法如下：四、JScrollPane JScrollPane的主要功能就是为显示的内容添加滚动条。其常用方法如下：五、JDesktopPane和JInternalFrame JDesktopPane规定一个父窗体的基本形式，而JInternalFrame规定了各个子窗体，JInternalFrame需要加到JDesktopPane中。六、文件组件JTextComponent JTexttComponent可以实现文本输入框，具体可分为以下几种：（1）单行文本输入框：JTextField （2）密码文本输入框：JPasswordField （3）多行文本输入框

构建静态页面之 [ 表单 ]

阅读更多关于构建静态页面之 [ 表单 ]

表单表单元素 <form> 元素表示设置表单 action属性 - 设置接收表单的指定服务器端的地址路径 method属性 - 表示发送给服务器端的方式 get属性值（默认值） - 将提交的数据添加到地址栏中进行提交（有限制，不安全） post属性值 - 将提交的数据绑定在表单中进行提交（没有限制，相对安全） name属性 - 提交表单时要设置name属性，不然无法提交表单 <body>  <form action="#" method="post"> <input type="text" name="txt"> <input type="submit"> </form> </body> 输入框 <input> 元素表示设置表单中的搜索框 type属性 - 表示定义什么类型的输入框 text属性值 - 文本框 password属性值 - 密码框 email属性值 - 邮件输入框

jquery获取input输入框中的值

阅读更多关于 jquery获取input输入框中的值

如何用javascript获取input输入框中的值，js/jq通过name、id、class获取input输入框中的value 先准备一段 HTML <input type="text" id="CN_NAME" name="CN_NAME" class="CN_NAME"> 一、jquery获取input文本框中的值通过 name var name = $('input[name="CN_NAME"]').val(); 通过 id var name = $('#CN_NAME').val(); 通过 class var name = $('.CN_NAME').val(); 二、javascript获取input输入框中的值通过 name document.getElementsByName("CN_NAME")[0].value 通过 id var name = document.getElementById("CN_NAME").value 通过 class document.getElementsByClassName("CN_NAME")[0].value 来源： https://www.cnblogs.com/sirdong/p/11844266.html

如何取消改变样式后的输入框自带的边框色

阅读更多关于如何取消改变样式后的输入框自带的边框色

我们在用html用input标签写输入框的时候，在页面呈现的是一个有线条的四边形边框。因为在很多页面中，为了增加输入框的美感性，常常我们会使用css对边框的样式进行更改，比如将四边形边框改变为圆角边框。我们常常会采用border-radius来给边框定义弧度值来改变边框样式。 border-radius：值1；表示四条边取同样的弧度值。 border-radius：值1 值2；第1个值是左上和右下、第2个值是左下和右上。 border-radius：值1 值2 值3；第1个值是左上、第2个值是左下和右上、第3个值是右下。 border-radius：值1 值2 值3 值4；第1个值是左上、第2个值是右上、第3个值是右下、第4个值是左下。在设置完成输入框后，我们在页面点击输入框时，会发现除了有圆角边框外，原有的四边形边框也会显示出来。该情况其实是显示的边框的自带颜色。这种情况的出现会大大降低用户体验。因此，查询资料发现只需要一句代码就能够实现取消。我们在css中添加样式的时候，对input添加outline:none即可。该条代码能够取消输入框自带的颜色，在我们重新点击后，不会再次出现上述情况。如果有需要取消边框的，可以添加outline:0px；。同时我们也可以给input设定宽高来改变边框的大小。来源： https://www.cnblogs.com/wangyao

web登录功能测试点记录

阅读更多关于 web登录功能测试点记录

之前都是跟着业务进行测试，好久没有接触过公共模块的测试了。最近有个小任务要测试登录页面，在这里记录下测试点~ 一、功能测试账号密码正确，登录成功账号为空，提示请输入账号密码为空，提示请输入密码账号错误，登录失败，提示账号或密码错误密码错误，登录失败，提示账号或密码错误输入账号不存在，是否提示密码不存在，请先注册？密码输入框是否加密显示? 账号密码大小写是否敏感？页面文字和图片显示是否正常？页面默认焦点是否定位在用户名输入框中？输入框是否有默认文案？点击输入框是否消失？ Tab/Enter键是否可以使用？密码输入框是否支持复制粘贴？密码输入框是否加密显示？用户登录后多长时间过期？用户多次输入错误密码，是否锁定一段时间不允许登录？超出时间点可以继续登录用户session过期后，重新登录是否还能重新返回session过期前的页面？二、性能测试打开登录页面到全部渲染完成需要多长时间？输入正确的账号密码登录需要多长时间？需要能够支持多少用户并发登录？最大用户数登录响应时间内的要求是多少？三、兼容性测试在不同类型浏览器打开页面、登录功能是否正常在不同分辨率下打开页面、登录功能是否正常在不同操作系统下打开页面、登录功能是否正常四、安全测试请求登录接口时用户名和密码是否明文传输给服务器？在浏览器中直接输入登录后的URL，是否跳转登录页？

10、获取元素属性

阅读更多关于 10、获取元素属性

前言：通常在做断言之前，都要先获取界面上元素的属性，然后与期望结果对比。本篇介绍几种常见的获取元素属性方法。 1、获取页面title:driver.title,断言时用于判断页面是否打开 2、获取元素的文本内容:element .text 3、获取元素的标签属性：elem ent.tag_name 4、获取元素的其它属性：get_attribute("属性")，这里的参数可以是 class、name 等任意属性 5、取输入框内的文本值，如果在百度输入框输入了内容，这里输入框的内容也是可以获取到的 6、获取浏览器名称来源： https://www.cnblogs.com/yhms/p/11793004.html

js 判断输入框不能为空格

阅读更多关于 js 判断输入框不能为空格

var telephone= $("#telephone").val();//联系电话 if(telephone.indexOf(" ") >= 0||telephone==null||telephone==""||typeof(telephone)=="undefined"){ alert("请填写联系人电话"); return; } // telephone.indexOf(" ") >= 0 判断不能使用空格来当字符来源： https://www.cnblogs.com/duoyan/p/11792740.html

H5微信页面开发 IOS系统 input输入框失去焦点，软键盘关闭后，被撑起的页面无法回退到原来正常的位置，导致弹框里的按钮响应区域错位

阅读更多关于 H5微信页面开发 IOS系统 input输入框失去焦点，软键盘关闭后，被撑起的页面无法回退到原来正常的位置，导致弹框里的按钮响应区域错位

H5微信页面开发，软键盘弹起后，若原输入框被遮挡，页面整体将会上移，然而当输入框失焦，软键盘收起后，页面未恢复，导致弹框里的按钮响应区域错位。解决方案：给输入框（或select选择框）添加失去焦点的事件，当输入框失去焦点，页面自动滚动到顶部，并且需要加定时器，否则偶尔会失效， $("input,select").blur(function(){ 　　　　setTimeout(function() { var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; window.scrollTo(0, Math.max(scrollHeight - 1, 0)); }, 100); }) 转自： https://blog.csdn.net/weixin_42573146/article/details/85044386 来源： https://www.cnblogs.com/zui1024/p/11792463.html

订阅输入框