输入框

我的不可能这么可爱

◇◆丶佛笑我妖孽 提交于 2019-11-28 15:54:22
作者:陈大鱼头 github:KRISACHAN <input /> 标签是我们日常开发中非常常见的替换元素了,但是最近在刷 whattwg 跟 MDN 的时候发现 跟 <input /> 有很多相关的属性,选择器都没怎么用过,所以就开篇文章来整理一下一些比较有趣或者实用的知识点。 本篇文章默认大家已经知道 <input /> 标签的基本用法,不会做过多的基础说明~ 没想到,这些选择器居然跟 input … 到写文章为止,根据最新的 drafts 指出,一共有3大类,16种跟 input 相关的选择。其实都挺有用的,善用它们,会让我们的用户体验更加美好。 下面我们来分享一下这3大类选择器的作用: 第一类:控制系(Input Control States) 选择器 作用 :enabled 选择可使用状态的 <input /> 元素 :disabled 选择不可使用状态的 <input /> 元素 :read-only 选择不可编辑状态的元素(不仅仅是 <input /> ) :read-write 选择可编辑状态的元素(不仅仅是 <input /> ) :placeholder-shown 选择 placeholder text 显示时的元素 :default 选择在 <button> , <input type="checkbox" /> , <input type="radio"

WEB测试要点总结

拟墨画扇 提交于 2019-11-28 15:11:38
一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@# ¥%……&*?[]{}”特别要注意单引号和&符号。禁止直接输入特殊字符时,使用“粘贴、拷贝”功能尝试输入。 (2)长度检查:最小长度、最大长度、最小长度-1、最大长度+1、输入超工字符比如把整个 文章 拷贝过去。 (3)空格检查:输入的字符间有空格、字符前有空格、字符后有空格、字符前后有空格 (4)多行文本框输入:允许回车换行、保存后再显示能够保存输入的格式、仅输入回车换行,检查能否正确保存(若能,检查保存结果,若不能,查看是否有正常 提示)、 (5)安全性检查:输入特殊字符串 (null,NULL,,javascript,<script>,</script>,<title>,<html>,<td>)、 输入脚本函数(<script>alert("abc")</script>)、 doucment.write("abc")、<b>hello</b>) 2、数值型输入框: (1)边界值:最大值、最小值、最大值+1、最小值-1 (2)位数:最小位数、最大位数、最小位数-1最大位数+1、输入超长值、输入整数 (3)异常值、特殊字符:输入空白(NULL)、空格或"~!@#$%^&*()_+{}|[]\:"<>?;',./?;:'-= 等可能导致系统错误的字符、禁止直接输入特殊字符时

java+selenium3-常用的WebDriver API

亡梦爱人 提交于 2019-11-28 08:46:42
常用的WebDriver API 访问某网站 package com.wb.api; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.ChromeDriver; public class WebDriverTest { public static void main(String[] args) { WebDriver driver; // 设置浏览器驱动环境变量 System.setProperty("webdriver.chrome.driver", "C:\\Program Files (x86)\\ChromeCore\\chromedriver.exe"); driver = new ChromeDriver(); //方法1 driver.get("http://www.baidu.com"); //方法2 driver.navigate().to("http://www.imooc.com"); } } 单击浏览器的后退功能 //访问百度网页 driver.get("http://www.baidu.com"); //访问搜狗网页 driver.navigate().to("http://www.sogou.com"); driver.navigate().back();

uni-app中textarea组件

我怕爱的太早我们不能终老 提交于 2019-11-28 03:41:54
textarea组件,官方给出的监听事件有以下事件: 其中一定要注意,当使用 v-model 对表单内容进行双向绑定的时候, @input 事件是在绑定变量变化前触发的,所以如果在input事件内打印绑定变量,会得不到值,因为input执行的时候,v-model绑定的变量还没变化 ,如下所示: 可以看到,第一次打印的v-model绑定的变量是空的,而第二次打印出来的值却是第一次输入赋给的值,说明第二次输入还没有造成v-model绑定变量发生变化。 除此之外,注意看@input事件的传值: 通常情况下,@input=“input”的写法里,是没有传值的,这个时候,在methods里,input(e){}函数中打印出来的 e.detail.value 就是输入框中实时的内容。 但是,假如写方法的时候给 input 一个传值,例如:@input="input(index)" 此时,在methods里,input(index){}函数中打印出来的就是 index 的值。 综上,@input方法在没有传值的时候是默认可以取到输入框中实时的内容数据,但是如果主观的添加传值,则取到的就是所传的参数值。这样的情况可以在循环中用来传索引值。 tips:那如果在传值的时候又想要索引值又想要实时的输入框内容数据怎么办呢? 这个时候可以通过操作dom的方式加上去,写法如下: @input="input(

Java开发笔记(一百三十九)JavaFX的输入框

百般思念 提交于 2019-11-27 22:03:38
循着Swing的旧例,JavaFX仍然提供了三种文本输入框,分别是单行输入框TextField、密码输入框PasswordField、多行输入框TextArea。这些输入框都由抽象类TextInputControl派生而来,因此拥有共同的编辑方法,常用的主要有下列两个: setEditable:设置输入框能否编辑。为true表示能够编辑,为false表示不能编辑。 setPromptText:设置输入框的提示语,用来提示用户可以输入什么样的文本。 文本输入框与文本标签的区别在于,输入框内的文字允许编辑,而标签文字不允许编辑。尽管如此,输入框依旧要在界面上显示文字,故而它拥有以下与Label控件同样的方法: setPrefSize:设置输入框的推荐宽高。 setText:设置输入框的文本。 setFont:设置输入框的字体。 setBackground:设置输入框的背景。 至于Label控件的其它方法如setAlignment、setTextFill、setWrapText、setGraphic,由于涉及到具体细节,因此TextInputControl类并未提供。除此之外,JavaFX的三种输入框各有千秋,接下来将对它们分别予以详细说明。 1、单行输入框TextField TextField控件对应Swing的JTextField,它只能输入一行的文字,另外提供了下列两个专属方法:

DOM对象模型

与世无争的帅哥 提交于 2019-11-27 20:50:49
1.如何获取 html 元素 //1通过id获取用户名输入框元素,若id有重复的,则返回第一个 var inp = document.getElementById("id"); //通过用户名输入框获取输入框的值 var value1 = inp.value;//2.通过name获取输入框的元素  name可以有多个,返回一个数组var eles = document.getElementsByName("password");var ele = eles[0];ele.value;//3.通过标签名获取所有的input元素的value值var arrInps = document.getElementsByTagName("input");//遍历所有的input元素,获取input元素的值for(var i=0;i<arrInps.length;i++){  arrInps.[i];  arrInps.[i].value;}//4获取p标签内的html内容,在获取p标签中的文本内容//现获取p元素(根据id获取)var arrId = document.getElementById("id");//根据元素获取元素中的html内容arrId.innerHTML;//根据元素获取元素中的所有文本arrId.innerText; 2.如何增删改 html 元素 来源: https:

webdriver(十)---模拟键盘操作

跟風遠走 提交于 2019-11-27 06:18:36
在webdriver中要想模拟键盘就得导入Keys类 Keys类的常用方法: * send_keys(Keys.BACK_SPACE) 删除键(BackSpace)* send_keys(Keys.SPACE) 空格键(Space)* send_keys(Keys.TAB) 制表键(Tab)* send_keys(Keys.ESCAPE) 回退键(Esc)* send_keys(Keys.ENTER) 回车键(Enter)* send_keys(Keys.CONTROL,'a') 全选(Ctrl+A)* send_keys(Keys.CONTROL,'c') 复制(Ctrl+C)* send_keys(Keys.CONTROL,'x') 剪切(Ctrl+X)* send_keys(Keys.CONTROL,'v') 粘贴(Ctrl+V)* send_keys(Keys.F1) 键盘 F1(以此类推)代码演示: from selenium import webdriver # 引入Keys模块 from selenium.webdriver.common.keys import Keys driver = webdriver.Chrome() driver.get("http://www.baidu.com") # 输入框输入内容 driver.find_element_by_id(

jquery获取input输入框的类型

家住魔仙堡 提交于 2019-11-27 05:43:58
最近在写项目的时候,想比较两个输入框的值大小时,突然发现两个值跟实际比较的大小值不一样,所以就打印了一下两个输入框的类型,如下图所示 才发现两个输入框的值类型是string也就是字符串类型,两个数字在比较时,怎么能用string类型呢,所以只能先转换成number类型,才能进行下一步的操作。 所以以后在比较两个输入框数字的大小时,一定得判断是否为数字类型,如果不是数字类型,切记要转换成数字类型。 来源: CSDN 作者: 我对天空说1234567 链接: https://blog.csdn.net/qq_37584116/article/details/78004960

VBA输入框(InputBox)(六)

北慕城南 提交于 2019-11-27 05:42:13
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 - 一个可选参数。一个数字表达式,用于标识由帮助作者分配给相应帮助主题的帮助上下文编号

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

二次信任 提交于 2019-11-27 05:40:55
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浏览器 #!/usr/bin/env python # -*- coding:utf8 -*- from selenium import webdriver