输入框 | 易学教程

一个输入框怎么测试？

阅读更多关于一个输入框怎么测试？

一个输入框怎么测试？参考答案： 1、长度：例如输入框支持100字符，那需要测试100字符、101字符，最大长度的显示是否正常； 2、哪些是支持的字符类型：数字、字母、汉字、字符！@！#、特殊字符； 3、是否支持换行； 4、字符串前后中带空格，前后的空格是否过滤，中间的空格是否保留 5、全角半角的字母、数字 6、快捷键：能不能全选，部分选择，复制剪切粘贴是否可用，粘贴超过最大长度的字符串怎么显示，table键盘是否可用； 7、不同终端的兼容性来源： https://www.cnblogs.com/jianxiaochong/p/11694284.html

IT兄弟连 HTML5教程 HTML5表单多样的输入类型2

阅读更多关于 IT兄弟连 HTML5教程 HTML5表单多样的输入类型2

4 range range类型用于包含一定范围内数字值的输入域，跟number一样，我们还可以对数值设置限定，range类型显示为滑动条用法如下：上述代码使用了range类型输入框，为该类型设置了数值范围为1~100。移动滑动条可以改变数值大小，当点击提交后，弹出该值大小。效果如图1所示：图1 range的输入类型 5 Date picker Date picker是日期选择器，HTML5拥有多个可供选取日期和时间的新输入类型。具体选择如表。表 Date picker新输入类型下面我们以date为例，我们可以通过日期选择器从日历中选取一个日期，代码如下：上述代码使用了date类型输入框，效果如图2所示：图2 date的输入类型感兴趣的读者，可以使用其它类型的日期选择器，用法与date一致。 6 color color类型就是一个拾色器，用于规定颜色，该输入类型允许我们从拾色器中选取颜色。它的值为颜色得16进制值。color类型的输入框用法如下：上述代码使用了color类型输入框，点击后出现拾色器以供我们选取特定的颜色。效果如图3所示：图3 color的输入类型选取好颜色后，点击提交按钮，这是会弹出警示框显示该颜色的十六进制值。效果如图4所示：图4 color的十六进制值来源： https://www.cnblogs.com/itxdl/p/11689929

强大的输入框-应用快速启动uTools

阅读更多关于强大的输入框-应用快速启动uTools

uTools uTools是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件，打造你得心应手的工具集合。当你熟悉它后，能够为你节约大量时间，让你可以更加专注地改变世界。 uTools 是以一个全局快捷输入框为入口的插件平台，同类型的工具有 windows 下的 WOX macOS 下的 alfred 下载地址： www.u.tools/download.html 特性插件化：优秀的插件化设计，自取所需。每个插件解决一个具体场景的问题，简洁易用、随用随走。多功能输入框：支持文本、截图、图片、文件、文件夹自动识别：自动识别文本类型（json、base64、时间戳等）自动粘贴：呼出uTools时，如果剪切板中5秒内有新的内容，将自动粘贴到输入框全局快捷键：配合插件，可一键上传截图到图床、以图搜图、翻译剪贴板内容等数据同步：云端同步，永不丢失 uTools 是跨平台的，并且可以通过登录账号实现同步配置，这样更有利于节省多个场景办公的配置成本下载安装 uTools windows版（64位）下载 https://download.u-tools.cn/windows/64 uTools windows版（32位）下载 https://download.u-tools.cn/windows/32 uTools Mac版下载 https:/

（七）WebDriver API之定位元素-XPath定位

阅读更多关于（七）WebDriver API之定位元素-XPath定位

随笔记录方便自己和同路人查阅。 #------------------------------------------------我是可耻的分割线------------------------------------------- 　　学习 selenium自动化之前，最好先学习HTML、CSS、JavaScript等知识，有助于理解定位及操作元素的原理。关于python和selenium安装请自行搜索别的资料，这里就不多做介绍了，所有例子均使用 python3.6+selenium执行的。 #------------------------------------------------我是可耻的分割线------------------------------------------- XPath 定位　　以前介绍的几种定位方法相对来说比较简单，理想状态下，在一个页面当中每一个元素都有一个唯一 id 和 name 属性值，我们可以通过它们的属性值来找到它们。但是实际项目中并非想象的这般美好，有时候一个元素并没有 id 、 name 属性，或者页面上多个元素的 id 和 name 属性值相同，又或者每一次刷新和页面， id 值都会随机变化，这些情况下，我们如何来定位元素呢？　　下面介绍 Xpath 与 CSS 定位，与前面介绍的几种定位方式相比，他们提供了灵活的定位策略

elementUI按钮动态添加禁用

阅读更多关于 elementUI按钮动态添加禁用

这一年大方又简单，你的离开让我现在很心安按钮是否禁用通过 disabled 并且这次用了连等 disabled值为布尔页面加载提交按钮禁用，输入框失焦并且里面有内容提交按钮可以使用输入框为空还是禁用按钮绑定disabled并判断 <el-button type="primary" :disabled="(btnBoolean == btnStatus)== 1 ? true : false">提交</el-button> data中设置布尔以及判断条件 btnBoolean: Boolean, btnStatus: -1, 页面加载输入框肯定是空的所以按钮禁用在create中设置 if (!this.business[0].formInline.user) { //判断输入框是否为空 this.btnBoolean = -1; } 输入框响应事件 <el-input v-model="item.formInline.user" @input="inputBlur"></el-input> 输入框发生变化时改变禁用状态 inputBlur() { if (this.business[0].formInline.user) { this.btnBoolean = 1; } else { this.btnBoolean = -1; } } mounted() { this

Web全栈-Datalist标签

阅读更多关于 Web全栈-Datalist标签

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Datalist标签</title> </head> <body>  请输入你的车型: <input type="text" list="cars"> <datalist id="cars"> <option>奔驰</option> <option>宝马</option> <option>奥迪</option> <option>路虎</option> <option>宾利</option> </datalist> </body> </html> 来源： https://www.cnblogs.com/yindanny/p/11666861.html

Web全栈-Label标签

阅读更多关于 Web全栈-Label标签

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Label标签</title> </head> <body>  <form action=""> <label for="account">账号:</label><input type="text" id="account"><br> <label for="pwd">密码:</label><input type="password" id="pwd"><br> <hr> <label> 账号:<input type="text"> </label><br> <hr> <label for="def">账号:</label>

论坛源码推荐（4月28日）：列表项目的波浪效果兼容iOS 6与iOS 7的自定义导航条

阅读更多关于论坛源码推荐（4月28日）：列表项目的波浪效果兼容iOS 6与iOS 7的自定义导航条

Flow 基于手势的教程框架，以用户熟悉的手势来驱动用户界面。灵感来自于Facebook Paper。测试环境：Xcode 5.0，iOS 4.3以上 AMWaveTransition 带有表格的视图控制器切换效果，点击每个栏目会有限带有波浪效果的信息展示，类似于Facebook Paper。测试环境：Xcode 5.0，iOS 4.3以上 AHKActionSheet AHKActionSheet是UIActionSheet的替代选择，灵感来自于Spotify app。AHKActionSheet使用了基于block的API，有着可高度自定义外观，以手势驱动的导航，两种方式隐藏控件（快速轻弹，轻扫以及释放），状态栏匹配当前展示的控制器。测试环境：Xcode 5.0，iOS 4.3以上 RGBColorSlider RGBColorSlider为添加RGB滑块儿提供了一个简单的方法，通过改变外观给用户一个直观的选择颜色的方法。测试环境：Xcode 5.0，iOS 4.3以上 CustomNavigationBar 介绍：，同时兼容iOS6与iOS7。之所以自定义导航条，原因有两个： 1、做同时兼容iOS6与iOS7的导航条时，使用原生导航条总是不顺手。于是想自定义一个，这样兼容iOS6与iOS7时，代码相对统一。另外，因为是自定义的，要做一些特殊的效果时比较容易控制（比如

WebAPP输入框被软键盘遮挡肿么办？

阅读更多关于 WebAPP输入框被软键盘遮挡肿么办？

WebAPP输入框被软键盘遮挡肿么办？当输入框处于半屏以下位置软键盘弹出时遇到的坑： 1.输入框被遮挡，看不见输入的内容 2.页面自动上移，但收回软键盘时页面少了一截 3.IOS系统上使用JRoll，IScroll等滑动方案时，光标不随输入框移动 4.软键盘弹出时窗口变小元素错位解决方案： 1、能不用滑动插件就不用。 2、IOS->使用 overflow:auto;-webkit-overflow-scrolling; 尽量避免使用JRoll等插件 3、Android->使用JRoll的fixedinput插件建议从设计角度解决被遮挡的问题，见下文。目前手机系统、浏览器系统众多，版本各异，表现诡异，兼容起来不比当年IE6轻松，麻辣个蛋，好不容易从PC开发跳到移动开发，还以为手机浏览器加了个-webkit前缀是万能的，握勒个去，谁知滑动卡顿、fixed走位、监听安卓返回键、某些机型focus唤不起软键盘、输入框被软键盘遮挡、安卓4.4以下不支持date等表单类型、滥用css3动画整个APP都不好了等等问题接踵而至，前端开发道远而任重啊~~呃。拿我最近的一个项目举个粟子。对于设计师来说，表单理所当然一直往下排，但对于要实现功能的程序猿来说，苦逼啊。上图至少三屏才能显示完，输入框被软键盘遮挡不可避免，还要处理各种兼容问题，软键盘弹出时有的浏览器不改变窗口高度

解决输入框自动填充账号密码的问题

阅读更多关于解决输入框自动填充账号密码的问题

有的时候，当你在谷歌浏览器记住密码时，你不经意会发现某些输入框会自动展示这些东西，怎么解决？只需要在你出现提示的输入框下方加入这行代码即可。 <input type="text" style="position: fixed; bottom: -99999px;"/> 来源： https://www.cnblogs.com/yzyh/p/11584500.html

订阅输入框