输入框

相信大家对样式命名都多少感到困难，特别是想起一个有意义的名，更难。回顾了一下之前写的《 样式命名规则 》（不知道大家使用后有什么感想）结合这段时间使用上发现的一些问题，重新整理了样式的命名规则，希望能更实用些。 要避免当状态改变时名称失去意义，最常见的就是用于布局的类名，如“left”、“right”，当左边栏不再是左边栏的时候，“left”这个名就没有实际意义了（可以看下《 CSS代码命名惯例语义化的方法 》中的“CSS类命名的语义化VS结构化方式”部分）。这与我们所推荐的“命名要有意义”就相违背了，使用序号就更加有问题了。好像没错，不过有好长一段时间都有个问题让我很烦恼，如果一个页面中同个模块出现一次以上，而且细节还不一样，那后面出现的名称应该叫什么呢？难道“one”、“two”就不是序号？其实我们要避免遇到的情况就是当状态（表现）改变时，对应定义的类名不会失去意义。 所谓的状态（表现）改变，有几种情况： HTML不变，样式定义改变。 如果命名使用了表示某一状态的名称，如“red“、“font14“等，必定会引起定义与命名不符的情况，对后继的影响会造成比较大的影响。 样式定义不变，HTML改变。 HTML改变意味着类名可更换，也就是如果类名使用了表示某一状态的名称，反而更有利于修改。 样式定义与HTML都改变。 只需要考虑不要出现第一种情况的结果就可以了。

三个输入框的测试报告 规格要求： 设计输入三个输入框，每个输入框中只能输入长度为1-6的字幕或数字。 实现功能 使用java实现功能。代码如下: 1 public class Input extends Application { 2 3 public static void main(String[] args) { 4 launch(); 5 } 6 7 @Override 8 public void start(Stage stage) throws Exception { 9 // draw UI and set evnetListenners 10 VBox root = new VBox(10); 11 TextField[] inputField = new TextField[3]; 12 for (int i = 0; i < 3; i++) { 13 inputField[i] = new TextField(); 14 } 15 Button btn = new Button("OK!"); 16 btn.setOnAction(new CheackInputsListenner(inputField)); 17 root.getChildren().addAll(inputField[0], inputField[1], inputField[2], 18

页面描述 web登录页面：有两个文本框，一个提交按钮(注册、忘记密码等按钮) 用例设计 【功能测试(Function test) 0.什么都不输入，点击提交按钮，看提示信息。（非空检查） 1.输入正确的用户名和密码，点击提交按钮，验证是否能正确登录。（正常输入） 2.输入错误的用户名或者密码, 验证登录会失败，并且提示相应的错误信息。（错误校验） 3.登录成功后能否能否跳转到正确的页面（低） 4.用户名和密码，如果太短或者太长，应该怎么处理（安全性，密码太短时是否有提示） 5.用户名和密码，中有特殊字符（比如空格），和其他非英文的情况（是否做了过滤） 6.记住用户名的功能 7.登陆失败后，不能记录密码，用户名可以保存 8.用户名和密码前后有空格的处理 9.密码是否加密显示（星号圆点等） 10.登录需要验证码的，输入完用户名和密码后，验证码为必填项 11.牵扯到验证码的，还要考虑文字是否扭曲过度导致辨认难度大，考虑颜色（色盲使用者），"刷新"或"换一个"按钮是否好用 12.登录页面中的注册、忘记密码，登出用另一帐号登陆等链接是否正确 13.输入密码的时候，大写键盘开启的时候要有提示信息。 14.输入错指定次数后，账号锁定，需要做解锁处理 15.登录失败的提示信息需要高亮处理 16.登录失败有次数限制的，每失败一次，提示剩余可以登录次数和处理建议 【界面测试(UI Test) 1

根据输入框输入的内容模糊搜索列表项（不调接口）。 html：页面结构为一个输入框和一个列表。 js： //模糊搜索 $("#input").keyup(function() { var inputValue = $(this).val(); var arr=[]; $.each(dataArr, function(index,val) { if (val.text.indexOf(inputValue.trim()) !== -1) { ==//关键句== arr.push(val); } }); treeRenderFun(arr, '#list'); }); //树渲染 function treeRenderFun(ele, obj) { if (ele) { //权限树 $.fn.zTree.init($(obj), settingPrivilege, ele); } } //树设置 var settingPrivilege = { view: { showIcon: false //不显示图标 }, callback: { onCheck: zTreeOnCheck }, check: { enable: true, chkStyle: "checkbox", autoCheckTrigger: true }, data: { key: { name: "name" /

与事件修饰符类似，v-model也有修饰符，用于控制数据同步的时机。 .lay v-model默认在input事件中同步输入框的数据，加上.lazy会变为在change事件中同步，即在失焦或按回车键时才会更新。 按回车或点击输入框外时，变为： .number 使用.number修饰符可以将输入的数据类型转换为Number类型。比如，虽然输入的是数字，但其实数据类型是String，这在数字输入框时比较有用。 强制转换为Number类型。 .trim 可以自动过滤输入的首尾空格。 来源： CSDN 作者： 菜鸟圈大当家 链接： https://blog.csdn.net/m0_37780367/article/details/104307603

学习资料 https://www.yiibai.com/vba/vba_input_box.html 输入框 InputBox 函数说明 提示用户输入值。当输入值后，如果用户单击确定 按钮或按下键盘上的ENTER 键，InputBox函数将返回文本框中的文本。如果用户单击“取消” 按钮，该函数将返回一个空字符串("")。 函数用法 InputBox(prompt[,title][,default][,xpos][,ypos][,helpfile,context]) 参数 参数 选项 类型 说明 默认值 Prompt 必需 字符串 提示的最大长度大约为1024个字符。 如果消息扩展为多行，则可以使用每行之间的回车符(Chr(13))或换行符(Chr(10))来分隔行 title 可选 字符串 如果标题留空，应用程序名称将被放置在标题栏中 default 可选 字符串 用户希望显示的文本框中的默认文本 xpos 可选 数字 X轴的位置表示水平从屏幕左侧的提示距离 如果留空，则输入框水平居中 ypos 可选 数字 Y轴的位置表示竖直方向从屏幕左侧的提示距离 如果留空，则输入框垂直居中 helpfile 可选 字符串表 标识用于为对话框提供上下文相关帮助的帮助文件 context 可选 数字 用于标识由帮助作者分配给相应帮助主题的帮助上下文编号。如果提供上下文，则还必须提供helpfile

界面测试，最多的就是各种控件的功能测试，只有掌握了其测试要点，了解测试方法，总结各种测试情景，才能熟练测试Web页面。 一、输入框 输入框分为文本输入框，数字输入框。一般使用在填写输入的内容上，比如名称，属性等，有新建和编辑类两种。在检查的时候需要关注一些输入框的特性： 输入的字符长度是否符合要求，输入最小长度，最小长度-1，最大长度，最大长度+1，以及超长的字符检查是否符合预期 输入特殊字符，特别是&、单引号’、空格检查是否能保存 输入内容前后带空格的，能否自动过滤处理 不输入内容，保存，是否有错误提醒 输入注入的字符串，比如null，js代码，html代码等，是否能保存 数字输入框还要检查边界值，负数，分数，非数字，0，科学计数法，字母与数字结合，16进制，8进制，货币性输入，小数点位数检查等情况等情况 另外，输入框在逻辑上需要关注以下几点： 信息的唯一性，比如一些名称的检查要求唯一性 编辑类的输入框，要检查鼠标移出后点击，能否从输入框移出焦点 有自动带入功能的输入框，要检查自动带入数据的正确性 二、按钮 按钮一般用户功能的确认，涉及到功能与db等的存储情况是否符合预期。常见测试场景如下： 按钮是否可点，有弹出框的弹出框是否符合预期 自然状态、鼠标悬浮和按钮按下状态下，按钮的状态 按钮的功能实现是否正常（存储db，与其他模块交互等是否正常） 按enter键操作按钮，功能是否正常

举个例子 <el-form-item v-show="editable" label="驻粤人数" prop="zyNum"> <el-input v-model="form.zyNum" v-on:input="form.zyNum=form.zyNum.replace(/[^\d]/g,'')" /> </el-form-item> 其中能起限制输入的是： v-on:input="form.zyNum=form.zyNum.replace(/[^\d]/g,'')" vue中input输入框限制输入是用v-on:input replace里面的第一个参数是正则，意思是和正则匹配的输入会被替换，这里被空字符串替换， 这样在按下非数字键的时候，是会被替换，然后输入框里面的效果就是输入不了非数字 。 来源： https://www.cnblogs.com/pzw23/p/12284579.html

前言 感悟 这几天撸React代码，在撸之前没有仔仔细细阅读官方文档，拿着功能需求按照以往其他语言编程经验及随用随查的API进行开发。发现这个过程是痛苦的，每百度一个简单的功能实现，都会耗费巨大的尽力和筛选有效信息时间，其实静下心来花费一定时间完整阅读官方文档很有必要，因为官方文档能够涵盖大部分开发场景。 场景 在理解了(我以为自己理解了)sate&props后，需要实现一个如下功能组件：输入框，外部可以设置初始值及修改输入框内容，且外部需要感知输入框改变。于是我就撸了下边代码： import React from 'react' export default function TemperatureInput ( props ) { const onChanged = ( e ) => { console . log ( "e:" , e . target . value ) if ( props . onChanged != null ) { props . onChanged ( e . target . value ) } } React . useEffect ( ( ) => { console . log ( "Temperature" ) } ) ; return < div > < input value = { props . initvalue }

在使用html中的textarea标签是，如果前面有文字则默认是文字在输入框的底部对齐的，例如： 个人简介：<textarea name="summary" rows="7" cols="90"></textarea> 产生的效果是： 如何让输入框前面的文字，在顶部对齐呢？ 可以将上述代码改为： <span style="vertical-align:top">个人简介：</span><textarea name="summary" rows="7" cols="90"></textarea> 再看效果： 这样是不是好看多了？ 来源： CSDN 作者： Just for fun! :-) 链接： https://blog.csdn.net/u013455166/article/details/104175757