输入框

iOS UITextField 使用与方法解读

只谈情不闲聊 提交于 2019-12-09 13:45:36
UITextField是IOS开发中用户交互中重要的一个控件,常被用来做账号密码框,输入信息框等。 初始化一个文字框: UITextField * textField = [[UITextField alloc]initWithFrame:CGRectMake(100, 30, 100, 100)]; 设置和获取文字框文字: @property(nonatomic,copy) NSString *text; 通过AttributedString创建和获取文字: @property(nonatomic,copy) NSAttributedString *attributedText; 设置字体颜色属性: @property(nonatomic,retain) UIColor *textColor; 设置字体属性: @property(nonatomic,retain) UIFont *font; 设置字体对齐格式: @property(nonatomic)NSTextAlignment textAlignment; 设置输入框风格: @property(nonatomic) UITextBorderStyle borderStyle; 这个风格是一个枚举,如下: typedef NS_ENUM(NSInteger, UITextBorderStyle) { //没有任何边框

阻止子元素继承父元素点击事件

丶灬走出姿态 提交于 2019-12-09 07:49:12
问题描述 用户登录输入对话框,有记录最近的登录用户名,当输入框获取焦点时,弹出历史用户名的下拉框。 但是,有个问题:如果是选择下拉列表的值,下拉框隐藏;不选择下拉列表的值或者输入其他用户名,则下拉列表不会隐藏。 解决思路 添加监听事件,输入字符或者检测到输入框的值有变化后,下拉列表隐藏,或者鼠标点击输入框之外的任何地方就隐藏下拉列表。 解决方法 为了避免输入框也接收到输入框之外(父元素)的点击事件,即父div点击事件不传播到子元素,所以输入框需要加上阻止事件冒泡代码。 <input type="text" name="userName" id="userName" onclick="stopBubble(this.id)"> ... <script type="text/javascript"> function stopBubble(e){ // 非 IE 浏览器 if(e && e.stopPropagation) { e.stopPropagation(); return; } // IE 浏览器 window.event.cancelBubble = true; } </script> 来源: CSDN 作者: joexk 链接: https://blog.csdn.net/zhouxukun123/article/details/82914359

C#如何弹出输入框

◇◆丶佛笑我妖孽 提交于 2019-12-09 03:26:26
在C#中,进行windows窗体应用程序编程的时候,经常需要弹出输入框,输入密码,输入文本之类的。然而,C#中没有直接弹出输入框的语句,MessageBox只能显示一段消息而不能输入。我们需要调用Microsoft.VisualBasic.Dll,使用VB中的inputbox,实现弹出输入框的功能。 菜单栏,选择【项目】;然后在弹出的菜单中选择【添加引用】 弹出“添加引用”的窗口,找到名称为Microsoft.VisualBasic的组件,选择它并点击【确定】 使用命名空间Microsoft.VisualBasic。添加代码:using Microsoft.VisualBasic; 在窗体中添加一个Button和label。我们要实现点击button,用label显示输入的文本的内容。 调用VB中的InputBox,输入一串字符串。给button添加代码:string str=Interaction .InputBox ("请输入字符串","字符串","",100,100). Interaction .InputBox的格式:string Interaction .InputBox(string Prompt,string title,string Defaultresponce,int Xpos,int Ypose) 让标签label显示输入的内容。(也可进行密码检验之类的)

当form表单中只有一个input时按回车键将会自动将表单提交

折月煮酒 提交于 2019-12-07 12:44:20
一个列表界面只有一个输入框查询条件,当首次进入在输入框中输入汉字后,按回车键发现输入框中汉字变成乱码!本以为一个很简单不过的问题,结果却花了好久才找到原因(据说是浏览器问题),按回车后执行了两次查询。 1、未修改前代码: <form id="ff" name="ff" method="post"> <input type="text" id="userName" name="userName" size="12" maxlength='30' value="${(data.userName)!''}" onKeypress= "javascript:if(event.keyCode==13) do_postAuditList_search();"/> </form> 2、修改后代码: <form id="ff" name="ff" method="post"> <input type="text" id="userName" name="userName" size="12" maxlength='30' value="${(data.userName)!''}" onKeypress= "javascript:if(event.keyCode==13) do_postAuditList_search();"/> <!-

Vue+Element-UI快速搭建前端界面

懵懂的女人 提交于 2019-12-07 08:53:26
Vue+Element-UI快速搭建前端界面 文章目录 Vue+Element-UI快速搭建前端界面 主要参考: Vue主要使用总结 概述 组成 v-model绑定数据 v-for循环构造 v-on:click点击处理 beforeMount() Element-UI主要组件总结 el-button el-input el-menu js正则表达式进行合法性判断 主要参考: Vue官方文档 Element-UI官方文档 Vue主要使用总结 概述 Vue是一套用于构建用户界面的 渐进式框架 。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,因为其组件化的框架,还便于与第三方库或既有项目整合。 另一方面,当与 现代化的工具链 以及各种 支持类库 结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 组成 一个.vue文件主要分成三个层:template+script+style,在我的理解上,这其实是将html+js+css整合成一个组件,方便组件化,自底向上逐层设计。下面介绍几个项目开发中比较常用到的点: v-model绑定数据 v-model是将view视图和持有的viewmodel数据给绑定起来的核心。参考样例: < el-input class = ' login-input ' v-model = "

css实现input表单验证

◇◆丶佛笑我妖孽 提交于 2019-12-06 12:21:14
有没有办法只通过css来确定input标签是否有输入? 我有这个想法是因为我想完成一个自动补全的input部件,最基本的功能是: 如果input没有内容,这隐藏下拉框 反之,显示下拉框 我找到了一个也许不是很完美的实现方案,描述中可能会有一些细微的区别,不过我还是很希望能做这个简单的分享 首先,我们构造一个简单的form表单,仅仅只有一个input <form> <label for="input">输入框</label> <input type="text" id="input"/> </form> 当输入一些值,我设置input的边框颜色为绿的,下面是一个例子: 判断input是否为空 我通过html表单验证去判断是否为空,所以,这里我使用了 required 属性 <form> <label> Input </label> <input type="text" name="input" id="input" required /> </form> // valid:当input输入值也合法值时采用的样式 #input:valid{ border-color: green; } 这时,当有输入的时候,input表现的很好,边框颜色也有了相应的变化: 但是,这里有个问题,如果用户输入的是空格,那么边框颜色也会发生改变。 [站外图片上传中...(image-9adfa1

Shadow DOM系列5-JavaScript

本秂侑毒 提交于 2019-12-06 02:07:07
英文链接: Shadow DOM: JavaScript , 02 SEPTEMBER 2013 on Web Components, Shadow DOM 我们目前已经对 模板 、 HTML引入 和 Shadow DOM( 简介 、 基础 、 样式 、 样式续 ) 有了一定了解。所有这些技术的终极目标就是 自定义元素(custom elements) ,但是我们 尚未 企及这一终点。在你迈向这一终点之前,我还希望你能理解使用 JavaScript 操作 Shadow DOM 的基本方式。所以在本文中我将要阐述一些需要注意的问题——特别是关于事件(events)是如何工作的。当你掌握了这些知识,你就能更好的创建你的自定义元素啦。 让我们开整吧! 在今天开始之前,我想要感谢 Eric Bidelman 的这篇介绍 Shadow DOM 样式添加的 宏文 (可以戳 中文译版 )。本文的大部分都是我对他这篇博文内容的实践。如果有机会的话你一定要去读一下 HTLM5 Rocks 关于 Web Components 的全部文章 。 技术支持 我建议你使用 Chrome v33+ 来实验本文的例子,因为 33+ 的 Chrome 对我所描述的这些新特性都有浏览器的原生支持。 JavaScript 作用域 还记得之前我花了大把时间解释 Shadow DOM 的 CSS

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

百般思念 提交于 2019-12-05 17:26:44
在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(

input输入框的的input事件和change事件以及change和blur事件的区别

≡放荡痞女 提交于 2019-12-05 15:16:37
input输入框的 oninput事件 ,在用户输入的时候触发,只要元素值发生变化就会触发 input输入框的 onchange事件 ,要在输入框失去焦点的时候触发事件,当鼠标在其他地方点击一下才会触发       onchange 属性可以使用于:<input>, <select>, 和 <textarea> onblur是在失去焦点的时候起作用,不管文本的值是否有改变 onchange是在失去焦点并且文本的值发生了改变的时候起作用,如果值没有改变或者输入框没有值(删除为空除外)则不起作用 来源: https://www.cnblogs.com/leoragelovexer/p/11930334.html