利用gui设计文本框宽度

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

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

.NET开源工作流RoadFlow-表单设计-文本框

点击表单设计器工具栏上的文本框按钮,会弹出文本框属性对话框: 绑定字段:该文本框与表单属性设置中选择的表的某个字段绑定(该文本框中的值将会保存到该字段中). 默认值:该文本框的初始化值. 宽度:文本框的宽度,如:200px,60%格式. 最大字符数:文本框可输入的最大字符数,对应 maxlength 属性. 输入类型:明文或者密码类型,对应input 的type='text'或type='password'. 值类型:输入的文本类型,表单提交时会验证输入的类型是否符合规定. 事件:可以给文本框绑

[HTML] 使用size和maxlength分别控制文本框宽度和输入字符数的限制

① size一般可以直观的看到,就是文本框的宽度,只能决定文本框的宽度,也就是可以看到的字符的个数. 如:size="5" 这意味着如果输入我的国家是北京那么只能看见我的国家是北京被掩盖了需向右移动光标才看得到 ② maxlength控制文本框中字符的个数,超出该数值将不能再输入. 如:maxlength="5" 这意味着如果输入的是我的国家是北京,那么只能输入前五个我的国家是北京是输入不进去的

IE中input标签密码框与文本框宽度不一样问题

前言在项目登录界面中有账户和密码的输入框,在Chrome中显示是正常的(本人使用的是Chrome浏览器,平时不用IE).等部署到客户的服务器上,访问时发现一个问题,在IE浏览器中文本框与密码框的宽度不一样. 问题 IE浏览器在没有设置 input 的宽度时,type="text" 和 type="password" 的长度不一样. 解决的方法设置 input 的宽度. 举例给 input 标签添加一个类,比如:class="input-w"

GUI编程笔记（java）09：GUI控制文本框只能输入数字字符案例

1.首先我们看看我的需求,如下: 控制文本框只能输入数字字符 2.源代码: package cn.itcast_07; import java.awt.FlowLayout; import java.awt.Frame; import java.awt.Label; import java.awt.TextField; import java.awt.event.KeyAdapter; import java.awt.event.KeyEvent; import java.awt.event

GUI编程笔记（java）07：GUI把文本框的值移到文本域案例

1.首先我们了解一下我们的需求,如下: 输入“风清扬”,点击“数据转移”,这样的文本会出现到下面的文本域中,这就是我们的需求. 2.代码如下: package cn.itcast_05; import java.awt.Button; import java.awt.FlowLayout; import java.awt.Frame; import java.awt.TextArea; import java.awt.TextField; import java.awt.event.Action

利用ime-mode设置文本框只能输入正整数

html: <input type="text" id="packageratio"style="ime-mode: disabled;"/> js: $("[id$=ratio]").keydown(function (e) { var code = parseInt(e.keyCode); if (code >= 96 && code <= 105 || code >= 48

winform设置文本框宽度根据文字数量和字体返回宽度

_LinkLabel.Width = TextRenderer.MeasureText(_LinkLabel.Text, _LinkLabel.Font).Width;

UI设计文本框解决Placeholder的在IE10 以下 IE 9 IE8 IE 7 的兼容问题

创建JS文件 placeholderfriend.js (function($) { /** * 牛叉的解决方案 */ var placeholderfriend = { focus: function(s) { s = $(s).hide().prev().show().focus(); var idValue = s.attr("id"); if (idValue) { s.attr("id", idValue.replace("placeholder

利用JavaScript实现文本框改文字功能

<html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script> function settext(){ var otext=document.getElementById('text1'); otext.value='123'; } </script> </head> <body> <input id=&

利用js在文本框末尾获得焦点

function moveEnd(obj) { obj.focus(); var len = obj.value.length; if (document.selection) { var sel = obj.createTextRange(); sel.moveStart('character', len); sel.collapse(); sel.select(); } else if (typeof obj.selectionStart == 'number' && typeof o

JAVA GUI设计中遇到的一个小问题

最近新学,大牛勿喷.. 写下笔记主要是记录自己常犯的错误,也方便新人解决问题学习参考. 问题:win7下设计GUI,文本框和密码框显示不出来. 我的解决方案: 1. JTextField text = new JTextField(JTextField.RIGHT); JPasswordField pass = new JPasswordField(JPasswordField.RIGHT); 2. JTextField text = new JTextField(10); JPasswordF

收藏一篇 Python 文本框操作命令

原文地址:https://www.cnblogs.com/onlyfu/archive/2013/03/07/2947473.html 属性(Options) background(bg) borderwidth(bd) cursor exportselection font foreground(fg) highlightbackground highlightcolor highlightthickness insertbackground insertborderwidth inserto

如何去掉IE文本框后的那个X css代码

在IE10以上版本中,页面上的文本框控件在输入文字时候会被自动加上一个X.但是IE这个自作聪明的功能有时候会让我们的页面爆掉,比如当文本框宽度过小,X显示不下时候会顶掉你的文本. 要隐藏这个X可以用IE预留的一个vendor属性:::-ms-clear /* Remove IE's “clear field” X button */ .field-set input[type=text]::-ms-clear { display: none; } 现在这个自作聪明的X就木了: ---------

Python Tkinter Entry(文本框)

Python学习记录--关于Tkinter Entry(文本框)的选项.方法说明,以及一些示例. 属性(Options) background(bg) borderwidth(bd) cursor exportselection font foreground(fg) highlightbackground highlightcolor highlightthickness insertbackground insertborderwidth insertofftime insertontime

小tip:FireFox下文本框/域百分比padding bug解决——张鑫旭

一.问题描述我是流体布局控,经常会遇到文本框以及文本域宽度100%自适应显示的情况. 如下效果图: 在窄屏下,上面的文本框宽度也要跟着外部宽度变小. 难点对于文本框或者文本域,光标最好距离左侧边缘有一定的间距.因此,我们基本上都有类似下面的设置: input { padding-left: 10px; } 但是,如果只考虑文本框本身(父标签无其他特殊处理),这一套在流体环境下是行不通的,因为固定的padding数组无法让文本框永远100%自适应外部的宽度,至少非现代浏览器下是如此!//zxx:

Python2.7.3 Tkinter Entry(文本框) 说明

Python学习记录--关于Tkinter Entry(文本框)的选项.方法说明,以及一些示例. 属性(Options) background(bg) borderwidth(bd) cursor exportselection font foreground(fg) highlightbackground highlightcolor highlightthickness insertbackground insertborderwidth insertofftime insertonti

css装饰文本框input

在web程序前端页面中,<input>恐怕是用的最多的html元素了,各个需要录入信息的场合都会用到它,一般都会用css来修饰一下使得它更好看. 原始的不加修饰的文本框像下面,有些单调,页面不是很好看.现在我们加一些css,将它修饰一下. 1.先加一个宽度,让文本框的宽度得到控制. width:320px; 2.为了防止内边距.边框使文本框宽度和width值不同,需要加上下面的元素. box-sizing:border-box; 3.文本框的边框太纤细了,修改一下. b

将input 的文本框改为不可编辑状态

<input type="text" id = "textid" name="名称" value="值" size="文本框宽度" maxlength="最大字符长度"/> 1)disabled="true "文字会变成灰色,不可编辑,双击鼠标不可复制<input type="text" id = "textid&quo

前端文本框插件KindEditor

KindEditor 1.进入官网 2.下载官网下载:http://kindeditor.net/down.php 本地下载:http://files.cnblogs.com/files/wupeiqi/kindeditor_a5.zip 3.文件夹说明 ├── asp asp示例 ├── asp.net asp.net示例 ├── attached 空文件夹,放置关联文件attached ├── examples HTML示例 ├── jsp java示例 ├── kindeditor-

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

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

利用gui设计文本框宽度

热门专题