GUI可编辑文本框输入序列

2024-11-06

十. 图形界面(GUI)设计7.文本框和文本区的输入输出

在GUI中,常用文本框和文本区实现数据的输入和输出.如果采用文本区输入,通常另设一个数据输入完成按钮.当数据输入结束时,点击这个按钮.事件处理程序利用getText()方法从文本区中读取字符串信息.对于采用文本框作为输入的情况,最后输入的回车符可以激发输入完成事件,通常不用另设按钮.事件处理程序可以利用单词分析器分析出一个个数,再利用字符串转换数值方法,获得输入的数值.对于输出,程序先将数值转换成字符串,然后通过setText()方法将数据输出到文本框或文本区. [例 11-9]小应用程序设置一

将HTML文本框设为不可编辑文本框。

将HTML文本框设为不可编辑文本框. 方法1: onfocus=this.blur() <input type="text" name="input1" value="不可编辑文本框" onfocus=this.blur()> 方法2:readonly <input type="text" name="input1" value="不可编辑文本框" readonly&g

监听文本框输入开发仿新浪微博限制输入字数的textarea插件

监听文本框输入 Firefox.Chrome.IE9,IE10 均支持 oninput 事件,此外所有版本的 IE 均支持 onpropertychange 事件. oninput 事件在用户输入.退格(backspace).删除(delete).剪切(ctrl + x).粘贴(ctrl + v)及鼠标剪切与粘贴时触发(在 IE9 中只在输入.粘贴.鼠标粘贴时触发). onpropertychange 事件在用户输入.退格(backspace).删除(delete).剪切(ctrl + x).粘

jquery正则表达式显示文本框输入范围只能输入数字、小数、汉字、英文字母的方法

正则表达式限制文本框只能输入数字许多时候我们在制作表单时需要限制文本框输入内容的类型,下面我们用正则表达式限制文本框只能输入数字.小数点.英文字母.汉字等各类代码.1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">2.只能输入数字,能输

实时监听文本框输入 oninput、onchange与onpropertychange事件的用法和区别

前端页面开发的很多情况下都需要实时监听文本框输入,比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数.过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现,但是这存在着一些不好的用户体验.比如onchange事件只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效:而onkeydown/onkeypress/onkeyup在处理复制.粘贴.拖拽.长按键(按住键盘不放)等细节上并不完善.onpropertychange属性可在

【学习】文本框输入监听事件oninput

真实项目中遇到的,需求是:一个文本框,一个按钮,当文本框输入内容时,按钮可用,当删除内容时,按钮不可用. 刚开始用的focus和blur, $(".pay-text").focus(function(){ $(".pay-btn").attr("disabled",false); }); $(".pay-text").blur(function(){ $(".pay-btn").attr("dis

jQuery实现限制input框 textarea文本框输入字符数量的方法

<!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery实现限制input框 textarea文本框输入字符数量的方法</title> </head> <script src="http://j2.58cdn.com.cn/js/jquery-1.8.3.js"></script>&l

js入门-文本框输入特定内容控制另一个文本框

在填写表单时,有时需要某些文本框隐藏,当一文本框输入特定内容时才会显示隐藏的文本框,这一功能可以用onchange事件或oninput事件实现.下面对比下两种方法实现的区别: onchange()定义和用法 onchange 事件会在域的内容改变时发生. 本文示例是在A文本框输入A时显示隐藏的文本框B. 完整代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

转：zTree树控件扩展篇：巧用zTree控件实现文本框输入关键词自动模糊查找zTree树节点实现模糊匹配下拉选择效果

是否可以借助于zTree实现文本框输入关键词自动模糊匹配zTree下拉树,然后选择下拉树内节点显示在文本框内且隐藏下拉树. 看到这个需求脑子里头大致已经想到了要如何实现这样一个需求,当时是限于时间问题所以没有动手处理.今天闲来无事琢磨了一下这个需求.我的解决思路如下所示: 1.监听文本框的onkeyup事件:实时传递其值到某个函数: 2.编写某个函数接收文本框的值通过zTree的模糊查找方法getNodesByParamFuzzy(key,value)获得: 3.将匹配到的节点列表结合重新赋值给

监听文本框输入oninput和onpropertychange事件

前端页面开发的很多情况下都需要实时监听文本框输入,比如腾讯微博编写140字的微博时输入框动态显示还可以输入的字数.过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现,但是这存在着一些不好的用户体验.比如onchange事件只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效:而onkeydown/onkeypress/onkeyup在处理复制.粘贴.拖拽.长按键(按住键盘不放)等细节上并不完善. onpropertychange属性可在某些情

转摘：ashx+jquery-autocomplete文本框输入提示功能Asp.net

引入所需文件 <script type="text/javascript" src="JS/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="JS/jquery.autocomplete.min.js"></script> <link href="CSS/jquery.autoco

分享一个仅0.7KB的jQuery文本框输入提示插件

由于项目需要,找过几个jQuery文本框输入提示插件来用,但总是有不满意的地方,要么体积较大,要么使用不便,要么会出现把提示文字作为文本框的值的情况.于是我们自己的开发团队制作了这个最精简易用的输入提示插件,现分享给大家: 截图: 插件名称:jQuery TbTips插件版本:V1.0官方网站:http://landian.cc最后更新:2014-1-21 简介: 这款插件的min版本仅0.7KB,其实现的效果是:文本框聚焦时提示文字消失,失去焦点时在文本框中显示提示文字. 用法示例一:$("#

HTML如何禁止文本框输入

禁止文本框输入有以下两种方法: 1,设置input为只读状态,代码如下: <input readonly="readonly" value="test1"/> 2,设置input为不用状态,代码如下: <input disabled="disabled" value="test2"/>

JS文本框输入限制

1上面的文本框只能输入数字代码(小数点也不能输入): CODE: <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2只能输入数字,能输小数点.(注意汉字.用输入法和复制上面三个是有区别的在这里) CODE: <input onkeyup="if(isNaN(val

Selenium向iframe富文本框输入内容

目录前言只输入纯文本通过JS注入HTML代码前言在使用Selenium测试一些CMS后台系统时,有时会遇到一些富文本框,如下图所示: 整个富文本编辑器是通过iframe嵌入到网页中的,手动尝试输入内容,发现内容是输入到iframe页面的body中的, 这种富文本框怎么输入呢? 我们也可以直接在body的源码上点击右键选择Edit HTML,输入相应的html代码,达到向富文本框输入的目的,如下下图: 以下是使用Selenium的操作方法只输入纯文本如果只输入不带格式的纯文本,可以先

JS和vue文本框输入改变p标签的内容测试

文本框输入,p标签的内容自动变成文本框的内容,如下是三种方法的测试: 方法1:JS里的onchange,当文本框内容改变事件,该事件里写的方法是,获取p标签本身,然后获取文本框的值,赋值给变量,最后给p标签赋值那个文本框的值.效果:输入途中,p标签不会变化,还是原来的内容,当输入的焦点离开文本框时,p标签变成了文本框中的值. 方法2:JS里的oninput,当文本框内容改变事件(不同于上面的,会即时生效),该事件的方法同上.效果:输入途中,p标签也会跟着变化,即时是输入途中也会改变. 方法3:引

Qt限制文本框输入的方法（使用QRegExpValidator，为QLineEdit所独有）

在做界面编程的时候,对文本框的处理往往是个很头疼的事情,一是焦点进入文本框时,从人性化考虑,应选择文本框中文本,方便输入:二是,限制文本框的输入,只允许输入有效的文本,如果不这样做的话,那么就需要在程序中滤去非法输入.在这里介绍一种解决上述两个问题的方法: #ifndef _EDIT_H #define _EDIT_H #include <qlineedit.h> class CEdit : public QLineEdit { Q_OBJECT public: CEdit(QWidget *

十. 图形界面(GUI)设计6.文本框和文本区

在图形界面中,文本框和文本区是用于信息输入输出的组件. 文本框文本框(JTextField)是界面中用于输入和输出一行文本的框.JTextField类用来建立文本框.与文本框相关的接口是ActionListener. 文本框处理程序的基本内容有以下几个方面: 声明一个文本框名. 建立一个文本框对象. 将文本框对象加入到某个容器. 对需要控制的文本框对象注册监视器,监听文本框的输入结束(即输入回车键)事件. 一个处理文本框事件的方法,完成对截获事件进行判断和处理. JTextField类的主要构

【C#】【假条生成系统】【单位剖析】如何判断在文本框输入了几个人名？

我们规定,人名和人名之间使用顿号隔开那么, 1个人,就是0个顿号 2个人,就是1个顿号 3个人,就是2个顿号 -- 所以我们可以判断文本框中顿号的出现次数. 出现0次,则为1人,出1次,则为两人. 方案1: 原理: 将字符串转为字符数组,使用for循环依次判断字符是否为指定字符如果满足要求,则计数变量+1 # tb2 是输入请假人名字的编辑框:textBox1,是显示人数的编辑框(readOnly) private void tb2_TextChanged(object sender, Ev

关于MFC文本框输入内容的获取与设置文本框的内容

八月要开始做界面了<(￣︶￣)/,然而目前只会用MFC╮(╯▽╰)╭ 好吧,言归正传,设置好文本框后,要获取用户输入的内容,可以用: GetDlgItemText() ; 这个函数有两个参数,第一个参数为文本框的ID号,比如IDC_EDIT3,然后用第二个参数存储其内容; 要想设置某文本框的内容,可以用: SetDlgItemText(); 参数类比之前的获取函数:

GUI可编辑文本框输入序列

热门专题