输入框

vue引入fastClick导致的输入框点击无响应问题

让人想犯罪 __ 提交于 2019-11-30 06:20:34
混合开发过程中,iOS引用前端界面之后,界面点击会默认产生一个300毫秒的延时效果,为了解决这个问题,引入fastClick,但是当界面引入fastClick之后,会产生输入框点击无法获取焦点问题,只有双击或者长按的时候才能使input输入框获取到焦点,该问题是由于引入fastClick导致的,解决方案如下: FastClick.prototype.focus = function(targetElement) { var length; // Issue #160: on iOS 7, some input elements (e.g. date datetime month) throw a vague TypeError on setSelectionRange. These elements don't have an integer value for the selectionStart and selectionEnd properties, but unfortunately that can't be used for detection because accessing the properties also throws a TypeError. Just check the type instead. Filed as Apple bug

bootstrap中添加图标

╄→尐↘猪︶ㄣ 提交于 2019-11-30 04:38:51
添加额外的图标 你还可以针对校验状态为输入框添加额外的图标。只需设置相应的 .has-feedback 类并添加正确的图标即可。 反馈图标(feedback icon)只能使用在文本输入框 <input class="form-control"> 元素上。 图标、 label 和输入控件组 对于不带有 label 标签的输入框以及右侧带有附加组件的 输入框组 ,需要手动为其图标定位。为了让所有用户都能访问你的网站,我们强烈建议为所有输入框添加 label 标签。如果你不希望将 label 标签展示出来,可以通过添加 .sr-only 类来实现。如果的确不能添加 label 标签,请调整图标的 top 值。对于输入框组,请根据你的实际情况调整 right 值。 向辅助技术设备传递图标的含义 为了确保辅助技术- 如屏幕阅读器 - 正确传达一个图标的含义,额外的隐藏的文本应包含在 .sr-only 类中,并明确关联使用了 aria-describedby 的表单控件。或者,以某些其他形式(例如,文本输入字段有一个特定的警告信息)传达含义,例如改变与表单控件实际相关联的 <label> 的文本。 虽然下面的例子已经提到各自表单控件本身的 <label> 文本的验证状态,上述技术(使用 .sr-only 文本 和 aria-describedby ) )已经包括了需要说明的目的。 Input

Selenium 2自动化测试实战11(键盘事件)

核能气质少年 提交于 2019-11-30 01:19:40
一、键盘事件 1. Keys()类 提供了键盘上几乎所有按键的方法,如下实例: #coding:utf-8 from selenium.webdriver.common.keys import Keys from selenium import webdriver driver=webdriver.Chrome() driver.get("http://www.baidu.com") #输入框中输入内容 driver.find_element_by_id("kw").send_keys("seleniumm") #删除多输入的一个m driver.find_element_by_id("kw").send_keys(Keys.BACK_SPACE) #输入空格键+“教程” driver.find_element_by_id("kw").send_keys(Keys.SPACE) driver.find_element_by_id("kw").send_keys(u"教程") #Ctrl+a 全选输入框内容 driver.find_element_by_id("kw").send_keys(Keys.CONTROL,'a') #Ctrl+x 剪切输入框内容 driver.find_element_by_id("kw").send_keys(Keys.CONTROL,'x')

javascript实现简易计算器

房东的猫 提交于 2019-11-29 13:51:24
  今天闲来无聊,想写点什么,突然想到用javascript写一个计算器。程序还存在很多的Bug,先在这里记录一下,以后慢慢更正。 代码如下: <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < title > Javascript实现计算器 </ title > < style type ="text/css" > input { width : 30px ; height : 20px ; text-align : center ; } #tbCalculator td { text-align : center ; vertical-align : middle ; } </ style > < script type ="text/javascript" > var result; // 保存点击运算符之前输入框中的数值

selenium+python自动化99-清空输入框clear()失效问题解决

人走茶凉 提交于 2019-11-29 11:16:20
前言 在使用selenium做UI自动化的时候,发现有些弹出窗上的输入框,输入文本后,使用clear()方法无效。 这样会导致再次输入时,字符串不是清空后输入,而是跟着后面输入一长串,导致结果不准。 经过几次尝试,先click()点击该输入框,再输入,发现还是无效,最终有以下2种方法可以解决 使用双击输入框后,全选文本再输入就可以了 使用js清空输入框文本 问题描述 在有些弹出的页面上,输入框输入文本,是可以正常输入的,比如我第一次输入测试数据:yoyo 第二次,我想换个测试数据,先clear,再输入文本:悠悠 结果清空文本框无效,两次输入的字符串是累加的 方法1:双击输入框 先封装双击元素方法写到base.py文件 from selenium.webdriver.support.ui import WebDriverWait from selenium import webdriver from selenium.webdriver.support import expected_conditions as EC from selenium.webdriver.common.action_chains import ActionChains from selenium.webdriver.support.select import Select import time class

web爬虫讲解—PhantomJS虚拟浏览器+selenium模块操作PhantomJS

懵懂的女人 提交于 2019-11-29 05:31:09
PhantomJS虚拟浏览器 phantomjs 是一个基于js的webkit内核无头浏览器 也就是没有显示界面的浏览器,利用这个软件,可以获取到网址js加载的任何信息,也就是可以获取浏览器异步加载的信息 下载后解压PhantomJS文件,将解压文件夹,剪切到python安装文件夹 然后将PhantomJS文件夹里的bin文件夹添加系统环境变量 cdm 输入命令:PhantomJS 出现以下信息说明安装成功 selenium模块是一个python操作PhantomJS软件的一个模块 selenium模块PhantomJS软件 webdriver.PhantomJS()实例化PhantomJS浏览器对象 get('url')访问网站 find_element_by_xpath('xpath表达式')通过xpath表达式找对应元素 clear()清空输入框里的内容 send_keys('内容')将内容写入输入框 click()点击事件 get_screenshot_as_file('截图保存路径名称')将网页截图,保存到此目录 page_source获取网页htnl源码 quit()关闭PhantomJS浏览器 在学习过程中有什么不懂得可以加我的 python学习交流扣扣qun,784758214 群里有不错的学习视频教程、开发工具与电子书籍。

vue实现输入框的模糊查询(节流函数的应用场景)

一笑奈何 提交于 2019-11-29 01:56:37
   上一篇讲到了javascript的节流函数和防抖函数,那么我们在实际场合中该如何运用呢?   首先,我们来理解一下:节流函数首先是节流,就是节约流量、内存的损耗,旨在提升性能,在高频率频发的事件中才会用到,比如:onresize,onmousemove,onscroll,oninput等事件中会用到节流函数;    输入框的模糊查询功能原理分析     所谓模糊查询就是不需要用户完整的输入或者说全部输入信息即可提供查询服务,也就是用户可以在边输入的同时边看到提示的信息(其实是查询出来匹配到的信息),百度的搜索功能就是很好的模糊查询的例子;其实模糊查询的原理就是给输入框绑定oninput事件监听用户输入情况,然后每次用户只要在输入框中输入了信息就触发事件进行查询然后实时展示;原理很简单,但是实现起来会有一些问题,我们可以想想,每输入一个字符都会触发事件,那如果我们需要输入很长的信息呢,那查询是不是就得触发多次?ajax连续多次触发,再加上如果我们的方法体中有操作DOM元素的方法,那么必然会给我们的浏览器进入假死甚至崩溃状态;那么我们有没有办法来解决此类问题呢?答案是:有的;(不了解模糊查询功能的同学可以出门右转去百度首页试一下搜索,给你5分钟,我等你回来)   HTML视图层代码: <div id="app">        //输入框,绑定输入框的值是变量input

文本输入框、密码输入框

感情迁移 提交于 2019-11-28 19:18:23
当用户要在表单中键入字母、数字等内容时,就会用到 文本输入框 。文本框也可以转化为 密码输入框 。 语法 : <form> <input type="text/password" name="名称" value="文本" /> </form> 1 、type: 当type=" text "时,输入框为 文本 输入框 ; 当type=" password "时, 输入框为 密码输入框。 2 、name: 为文本框命名,以备后台程序ASP 、PHP使用。 3 、value: 为文本输入框设置默认值。(一般起到提示作用) 实例: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>文本输入框、密码输入框</title> </head> <body> <form method="post" action="save.php"> 账户: <input type = "text" name = "myName" value = "比如:张三" /> <br /> 密码: <input type = "password" name = "pass" /> </form> </body> </html> 浏览器输出: 账户: 密码: 来源:

软件设计项目进展08 2019/8/26

放肆的年华 提交于 2019-11-28 15:57:45
1 今天完成的工作 今天把个人中心里地址管理功能的新建地址的页面做好了,在里面用到了新的输入框的知识,学习了输入框input的用法,然后用一个view标签设置高度颜色作为下划线分割区块。还有就是新学习的button按钮的设置,在wxss中设置好宽度剧中和背景颜色。做出的页面如下。 2明日计划 明天的计划是要在新建地址部分实现新建地址数据,通过这个也要学习小程序中有关数据方面的操作。还有就是个人中心的查看订单功能,接单功能等都需要数据的操作,这个更加复杂,要查一下这里需要怎么实现。 3今日小结 今天在写新建收获地址页面的时候,在第一次使用input时候发现文字和输入框没有在同一行,之后就想到昨天刚刚学会的伸缩盒子,设置之后样式就成功设好了,今天也发现伸缩盒子确实很好用。昨天的计划基本完成。这个小程序的项目进行到这里,写了三天的代码之后,前端页面的设置和样式基本没有问题了,也能以更快的速度写出界面框架。下一步就是要实现插入数据,增删改查数据这些功能。 来源: https://www.cnblogs.com/dydy9999/p/11414298.html