输入框

HTML防止input回车提交表单

爷,独闯天下 提交于 2020-01-30 04:37:10
原链接:https://blog.csdn.net/ligang2585116/article/details/44699567 自动提交情况说明: 1.默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。 2.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(<button>按钮默认的type为submit) 3.当type="button"时,且存在多个输入框,回车不提交。(button) 解决方案: 1.解决单个输入框的回车即提交问题,可以增加一个隐藏的input="text" display='none'; 然后type类型为button。 2.在form表单或input中加入:onkeydown="if(event.keyCode==13){return false;}" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form action="www.baidu.com" method="post" onkeydown="if(event.keyCode==13){return false;}"> <input type

自定义验证码数字键盘

主宰稳场 提交于 2020-01-30 04:33:47
自定义验证码数字键盘 序言 我们会遇到很多输入六位数,四为数的验证码界面 文章目录 自定义验证码数字键盘 序言 最终效果如下 问题 预期操作方式 实现 输入框界面思路 键盘界面的思路 思路总结 输入框代码 总结 最终效果如下 问题 那我们做这类界面的时候遇到的什么问题呢 需要有四个或者六个固定的输入框供用户输入 输入框内不能有光标,用户只能从后往前删除数字 如果用edittext那么会一直有光标可以选择,文字输入一个之后跳转到另一个会有一定的bug,包括edittext的聚焦,光标显示在不对的输入框内的问题等等 如果用原生的键盘,那么有的时候不可避免的用户可以切换到标点符号输入键盘,有的甚至可以到英文键盘,这样需要过滤掉这些不能输入的字符。而且用户切换过去之后不好切回来体验极差 输入框的唤醒,我们很难很好的去操作输入框的显示和隐藏,这是很蛋疼的代码,可能你要写很多代码才能去隐藏掉原生的输入框,然后在有些机型上可能这个代码并没什么效果。 预期操作方式 那我们预期达到的操作方式是什么呢,我们假设用户是傻子或者好奇心极强,以及故意找漏洞的不怀好意的人。 我们希望用户只能点击,甚至只能看到数字键盘,连一个标点符号按钮都看不到 我们希望用户不要去随意的换输入框去输入数字,只能从前往后输入,只能从后往前删除 这样的输入框可能很简单很呆板,但是体验非常好,也避免了不怀好意的用户用出很多问题

115资源那里找

孤人 提交于 2020-01-29 16:11:37
创建输入框 那么输入框如何解决呢,在tkinter中提供了Entry控件可以获取用户的输入,用法见下: Entry(master, [textvariable, width, show, font, padx, pady, ...]) 1 master是要显示的窗口 show 为输入显示的字符,默认为None,即显示原字符 font为要显示的文字的字体,可以控制字体的大小 textvariable文字变量,输入的值可以保存在该变量之中 width 输入框的宽度 padx, pady 内容区与边界的距离 定义相关变量 在tkinter中有定义好的变量类型对象 – BooleanVar, DoubleVar, IntVar, StringVar 分别可以保存布尔类型,浮点数类型,整数类型以及字符串类型的变量,使用的时候,我们可以使用其中的set方法来赋值,使用get方法来获取其中的值,使用这些变量通常会在交互中需要改变某个变量的值,比如输入,选择等 知道了以上这些之后,我们 来源: https://www.cnblogs.com/fjhdfjb/p/12240504.html

vue项目中实现汉字转拼音缩写

杀马特。学长 韩版系。学妹 提交于 2020-01-22 13:20:00
前段时间接到了这样一个需求,注册页面中有多个输入框,要求第一个输入框输入汉字后,第二个输入框自动填充对应的拼音开头缩写。实现思路是这样的,第一步完成拼音转汉字缩写功能,第二步为第一个输入框添加失焦时间,失焦时计算当前对应拼音缩写,如第一个输入框对应内容为空,则清空第二个输入框,具体代码如下: 完成拼音转汉字缩写功能 新建util.js并添加以下代码 export default { ConvertPinyin ( l1 ) { //汉字库 const PinYin = { "a" : "\u554a\u963f\u9515" , "ai" : "\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66a7\u7839\u953f\u972d" , "an" : "\u978d\u6c28\u5b89\u4ffa\u6309\u6697\u5cb8\u80fa\u6848\u8c19\u57ef\u63de\u72b4\u5eb5\u6849\u94f5\u9e4c\u9878\u9eef" , "ang" : "\u80ae\u6602\u76ce" , "ao" : "\u51f9\u6556

输入框【普通输入框,邮箱输入框,验证码输入框,手机号码输入框】的测试用例规范

无人久伴 提交于 2020-01-21 20:23:55
普通输入框字段校验测试 1. 不输入,空内容 2. 输入1个字符 3. 若输入框有长度限制为N个字符,测试N-1个字符,N个字符,N+1个字符,N+N+...(超长)这几个边界值 4. 还需要测试下通过复制大于长度的值粘贴进去看是否能输入 5. 输入半角/全角空格 6. 输入半角/全角,大写/小写英文字符 7. 输入半角/全角数字 8. 输入简体中文字符(默认全角) 9. 输入繁体中文字符(默认全角) 10. 输入半角特殊字符:!@#¥%……&*() 11. 输入全角特殊字符:!@#$%^&*() 12. 输入html字符保持: 空格的转义字符;<scrīpt></scrīpt>;<br>;<tr>;<td>;< /tr>;</td>;</html>;</body>;</table> 13. 输入Javascrīpt函数:<b>Hello</b>,<scrīpt> alert("hello")</scrīpt> 14. 在需要密码验证,或者需要二次输入确认的地方,通过复制粘贴第一次的输入内容 15. 应该是不能通过的 16. 高危词,违禁词,敏感词 17. 输入正常内容的前,后,中间加入多个空格,看保存时是否会过滤掉或过滤为一个,是否会引起保存问题,是否算入长度计算 18. 输入日文字符 19. 输入html的标签会出现哪些问题?输入<;html>;会出现什么问题呢?

10-3基于TextField实现顶部SearchBar-2

这一生的挚爱 提交于 2020-01-21 00:32:52
为了看到效果在Search页面调用 实现onTextChange 搜索页,运行报错 这是因为我们的searchBarType没有传值。但是也没有设置默认值。 我们给这个两个参数都设置默认值 再来运行测试效果 但是并没有背景色 实现背景色 要实现背景色需要外层Contianer里面加装饰器。。最主要的是要实现装饰器。圆角首页是5,搜索页面是15 这样我们的背景色就有了。 定义有内容时候清空的差号。 根据属性是否显示Clear按钮。 callback是speakClick的回调。 如果显示Clear按钮包裹一个Icon图标。当用户店家这个Clear的Icon的时候,通过setState调用这个TextView的Controller.clrear()方法, 然后将它清空。同时调用onChanged将内容进行清空。 看效果 没有内容的时候,显示话筒按钮 被清空了的 设置左边的边距 首页状态下的输入框 首页状态下的输入框稍有不同,复制normal状态的输入框的代码做对比 复制到_genHomeSearch()方法内。 首先是对padding进行调整 我们这里放一个Row布局,左边我们放一个文字 “上海” 通过这个方法来获取首页的背景色 高亮状态下是黑色。非高亮是白色 黑色 白色 右边显示一个Icon。向下的箭头。背景色和输入框的保持一致。 右边放一个消息的Iocn 首页调用

HTML5 实时监听输入框值变化

戏子无情 提交于 2020-01-19 15:08:15
在网页开发中经常会碰到需要动态监听输入框值变化的情况,如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制、剪贴和粘贴这些操作,处理组合快捷键也很麻烦。 因此这篇文章向大家介绍一种完美的解决方案: 结合html5标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化。 对于检测 textarea, input:text, input:password 和 input:search 这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即被触发,不像 onchange 事件需要失去焦点才触发。 主流浏览器基本都支持 oninput 事件,IE9以下不支持,需要使用 IE 特有的 onpropertychange 事件替代,这个事件在用户界面改变或者使用脚本直接修改内容两种情况下都会触发,有以下几种情况: 1、修改了 input:checkbox 或者 input:radio 元素的选择中状态, checked 属性发生变化。 2、修改了 input:text 或者 textarea 元素的值,value 属性发生变化。 3、修改了 select 元素的选中项,selectedIndex 属性发生变化。 在监听到onpropertychange事件后,可以使用 event

键盘事件.py

拟墨画扇 提交于 2020-01-19 00:39:36
from selenium import webdriver#引入keys模块from selenium.webdriver.common.keys import Keysdriver = webdriver.Chrome()driver.get("https://www.baidu.com")#输入框输入内容driver.find_element_by_id("kw").send_keys("selenium")#删除多输入的一个mdriver.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("教程")#全选输入框内容driver.find_element_by_id("kw").send_keys(Keys.CONTROL,"a")#剪切输入框内容driver.find_element_by_id("kw").send_keys(Keys.CONTROL,"x")#粘贴内容到输入框driver.find_element_by_id("kw").send_keys(Keys.CONTROL,"v")

【Bootstrap】学习笔记(三)——表单

跟風遠走 提交于 2020-01-18 11:38:59
基础表单 表单创建: 父元素添加role=“form” 把标签和控件放在class="form-group"的div中。 垂直表单: form-control(元素class) 内联表单: form-inline(form标签class) 水平表单: form-horizontal(form标签class) control-label(元素class) 输入框 Bootstrap 提供了对所有原生的HTML5的input 类型的支持 下拉框 使用展示列表选项时,默认情况下只能选择一个选项,如果需要实现多选,可以设置属性multiple=“multiple” 验证样式 表单验证提示:(对父元素添加) has-warning:警告状态,显示黄色; has-error:错误状态,显示红色; has-success:成功状态,显示绿色。 图标提示: (1)在验证样式的容器上添加class=“has-feedback”。 (2)在标签后面添加一个 标签,为 标签指定对应的图标样式,并添加class为.form-control-feedback的样式。 (3)把和 元素放在一个带有class.input-group 的 中,可以使图标显示在输入框中。 文字提示:在标签后面添加一个 标签用于显示提示的文本信息即可实现文字提示。 元素大小 input大小: input-sm:让控件比正常大小更小。

React Native - TextInput详细解说

霸气de小男生 提交于 2020-01-16 19:58:19
1,TextInput组件介绍 TextInput 组件除了作为输入框实现基本的输入功能外,它还提供了许多其他功能,比如自动校验、占位符以及指定弹出不同的键盘类型等。 2,组件的属性 (1) autoCapitalize:首字母自动大写。可选值有: none、 sentences、 words、 characters。 (2) placeholder:占位符,在输入前显示的文本内容。 (3) value:文本输入框的默认值。 (4) placeholderTextColor:占位符文本的颜色。 (5) password:如果为 true,表示密码输入框。文本显示为“ *” (6) multiline:如果为 true,表示多行输入。 (7) editable:默认为 true。如果设置为 false 表示不可编辑。 (8) autoFocus:如果为 true,则自动获取焦点。 (9) clearButtonMode:表示什么时候会显示清除按钮。可选值有: never、 while-editing、 unless-editing、 always。 (10) maxLength:能够输入的最长字符数。 (11) enablesReturnKeyAutomatically:默认为 false。设置为 true 表示没有输入文本时返回键无法使用。 (12) returnKeyType