查看: 940|回复: 9
启动软件后如何直接在标签处输入内容？
阅读权限30
在线时间 小时
结帖率： (18/32)
平时写都是要一个编辑框和一个标签，然后&&标签.标题=编辑框.内容。。。现在我想不要编辑框，直接用鼠标点击标签直接输入内容，要怎么写？
回答提醒：如果本帖被关闭无法回复，您有更好的答案帮助楼主解决，请发表至
可获得加分喔。友情提醒：本版被采纳的主题可在
帖子申请荣誉值，获得 1点 荣誉值,荣誉值可兑换终身vip用户组哦。快捷通道： →
阅读权限165
在线时间 小时
签到天数: 3 天结帖率： (18/18)
标签不能直接输入内容的
您可以选择打赏方式支持他
阅读权限165
在线时间 小时
签到天数: 3 天结帖率： (18/18)
除非变换设定好的内容
QQ截图35.png (23.78 KB, 下载次数: 0)
01:37 上传
您可以选择打赏方式支持他
阅读权限90
在线时间 小时
签到天数: 3 天结帖率： (91/91)
QQ截图35.png (36.22 KB, 下载次数: 0)
01:48 上传
您可以选择打赏方式支持他
阅读权限30
在线时间 小时
结帖率： (18/32)
除非变换设定好的内容
要的是自由更改内容& &就是软件启动后 鼠标点击标签就可以更改
您可以选择打赏方式支持他
阅读权限165
在线时间 小时
签到天数: 3 天结帖率： (18/18)
要的是自由更改内容& &就是软件启动后 鼠标点击标签就可以更改
(695 Bytes, 下载次数: 4)
01:56 上传
点击文件名下载附件
您可以选择打赏方式支持他
阅读权限90
在线时间 小时
结帖率： (71/71)
你可以把编辑框设置一下& && && && && &
补充内容 ( 23:45):
设置无边框& && &
您可以选择打赏方式支持他
阅读权限30
在线时间 小时
结帖率： (18/32)
你可以把编辑框设置一下& && && && && &
补充内容 ( 23:45):
这样会显示那条竖杠 闪动
您可以选择打赏方式支持他
阅读权限70
在线时间 小时
用输入框
.版本 2
.程序集 窗口程序集_启动窗口
.子程序 _标签1_鼠标左键被放开, 逻辑型
.参数 横向位置, 整数型
.参数 纵向位置, 整数型
.参数 功能键状态, 整数型
.局部变量 文本, 文本型
.如果真 (输入框 (, , , 文本, 1, 标签1))
& & 标签1.标题 ＝ 文本
.如果真结束
您可以选择打赏方式支持他
精易论坛 - 有你更精彩 /1
post班正在招收学员中！app班正在招收学员中！！
要报名学习的学员们抓紧抓紧了哈！！
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论，本站内容均为会员发表，并不代表精易立场!
揭阳精易科技有限公司申明:我公司所有的培训课程版权归精易所有，任何人以任何方式翻录、盗版、破解本站培训课程，我们必将通过法律途径解决！
公司简介：揭阳市揭东区精易科技有限公司致力于易语言教学培训/易语言学习交流社区的建设与软件开发，多年来为中小企业编写过许许多多各式软件，并把多年积累的开发经验逐步录制成视频课程供学员学习，让学员全面系统化学习易语言编程，少走弯路，减少对相关技术的研究与摸索时间，从而加快了学习进度！
Powered by全面实用！如何设计移动端的文本输入框？
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
全面实用！如何设计移动端的文本输入框？
基于移动设备的UX设计有很多难点，其中最大的设计挑战之一是在有限的屏幕空间上解决点击输入的问题。对于UX设计师、开发人员和产品经理来说，让这个过程变得易于用户使用就显得至关重要。本篇文章阐述了提高数据输入体验中的三个关键因素——速度（提高输入速度）、引导（为用户输入提供引导帮助），反馈（直接有效地指出用户输入过程中的问题）。
根据不同的输入信息匹配合适的键盘
用户都偏爱那些根据输入内容提供了合适键盘的应用。我们可以根据的类型优化虚拟键盘，这是实体键盘不能做到的。常见输入内容的类型包括：
数字：电话号码、信用卡号码，PIN码
文字：正确的名字、用户名
混合输入：电子邮件地址、街道地址、搜索关键词
请确保这种匹配键盘的设计在整个应用中是统一的，而不是仅仅用在了某些地方。
图1左，用户需要点击123键来切换键盘类型以便使用数字键盘
图1右，我们应该为需要输入数字的文本区域自动匹配合适的数字键盘
合理使用自动大写功能
合理使用自动大写对于提高移动端表单的可用性来说至关重要。每个文本的首字母和及每句话的首字母应该自动大写。这尤其适用于以下两类输入区域：
给某信息命名，比如用户的姓和名。
包含句子式的信息，比如短信息文本。
不过，当我们输入电子邮件地址时，应该禁用自动大写功能，当用户发现邮箱首字母大写时，常常会退回去将大写字母删掉，因为他们担心这样会让邮件发送产生问题。
当词典不好用时关闭自动纠错功能
自动修正这个功能往往使大多数用户失望，甚至当用户没有注意到的时候，它会明显伤害用户。自动纠错功能对于以下这几种信息更是收效甚微：例如缩写、街道名称、电子邮件、人名、以及词典里没有出现过的词汇。
旧版本的亚马逊手机app在文本中应用了自动修改模式，原本正确的输入反而被自动纠错的内容代替了。
这种情况经常会发生，因为用户往往更关注他们正在输入的内容而不是已经输入的内容。如果输入的内容是地址类的信息，自动修改功能会悄悄篡改原本正确的输入内容，用户很难注意这点。
固定的输入模式
不要使用固定的输入模式。使用固定样式的最常见的理由是脚本校验限制。（后端可能不能判断用户输入的格式）。然而大部分情况下，这是开发者的问题，不应该让用户买单。你应该想办法将用户的输入转化成可以存储或显示的格式，而不是强迫用户输入固定的格式。
图4左，数据输入框的样式符合惯例（把电话号码分割成三个输入框），其余表单被键盘遮挡
图4右，输入框支持输入灵活的内容，并且输入完成后自动提高以便不会被键盘遮挡
默认值和自动完成
设计师们往往希望根据用户的历史记录为他们提供预设的默认值和提示语，从而使用户更便捷地输入信息。比如，可以根据用户所处的地理位置信息预设国家地区。
这种设计方法如果与自动完成功能配合使用，可以显著提高用户输入的效率。得益于自动填充提供了实时性的输入建议或是可以选择一项内容来完成输入的下拉菜单，用户可以更精确高效地输入信息。对于那些读写能力不佳、拼写困难、特别是使用非本国语言的用户来说，这具有很高的价值。
图5，提供了搜索建议的文本域
标签和有用的信息
当用户在输入框输入信息时，他们想知道所输入信息的类型，提供清晰的标签文本是一个使UI更具有可用性的好办法。标签告知用户文本框的目的，当输入框获得焦点时发挥作用使用户即使输入完信息后，仍然保证对输入框的关注度。
你也可以根据输入框的上下文提供有用的信息。相关的上下文信息能帮助用户更简便地完成任务。
标签长度限制
标签并不是帮助信息。我们在设计中应当使用简洁的、短的具有描述性的标签（1-2个），好让用户可以快速浏览所有的输入框的需求。
图6，输入框的标签是 ‘电话’、’入住’、‘退房’
如果你需要更多关于输入框的信息，提示文本可以帮助用户解除困惑、并避免犯错。
图7，‘phone’文本框下方的信息是帮助文本
简单的文案
设计用户易于理解的语言。表意不明的术语和句子会给用户增加认知负担， 清晰的沟通和功能应该始终优先于专业的术语。
图8左：生僻的文案会迷惑用户
图8右： 清晰易懂的术语易于用户理解
输入框内的提示信息
页内标签（也叫占位符文本）适用于简单的输入框，比如用户名和密码。
当屏幕中存在多于两个输入框时，对于那些分隔开的文本标签，行内标签就不适用了。虽然他们看起来整洁有序，但存在两个严重的问题：
o 当用户点击了输入框，行内标签就会消失，所以他们不能再检查所输入的内容是否正确
o 当用户在输入框中看到提示文本，他们有可能认为这个文本框已被预填成功从而忽略它。
一个处理占位符文本的好办法是－－浮动标签。 当用户填写当前某文本框时，行内标签即浮动到文本框顶部。
注意： 不要过于依赖占位文本和标签。因为一旦在输入框里输入内容，占位文本就无法被看到了。可以使用浮动标签，这样可以使用户随时确认他们填写的内容是否正确。
标签的颜色应该与整个应用的颜色匹配，并保持合适的对比度（不应该太亮或太暗）。
输入框校验意味着给用户反馈并引导他们改正错误，消除用户的疑惑。这个校验的结果应该是人性化的而非像机器般冷冰。数据处理过程中最重要也是最容易让人累觉不爱的地方是错误处理。犯错是人类天性，我们在填写输入框时也不可避免。如果设计得当，校验可以使原本表意不清的交互行为变得清晰易懂。
当用户在输入数据的过程中，他们不喜欢在最后提交时才发现自己犯了错误。正确的做法是，我们应该在用户刚刚刚填写完某条信息后就立刻告知他是否正确。
实时的页内校验可以立刻告知用户他们输入的信息是否正确。用户可以更快地修改错误，而不必等到按下提交按钮后才知道哪里错了。设计师可以给错误文案定义鲜明的颜色，比如红色或者橙色这种暖色调。
图12左，表单输入内容直到点击提交后才报错，并且错误信息在输入框之外
图12右，输入框下方实时显示了错误信息
校验不仅应该告知用户错误，还应告诉他们怎么做才是正确的，用户才会更有信心完成输入过程。
清晰的信息
用户时常有这样的困惑“刚才发生了什么？为什么会这样？”。此时应该提供一个直接了当的答案。因此校验信息应该清晰地说明：
错误是什么以及可能产生错误的原因
用户下一步应该做什么来改正错误
再次重申，避免使用机械性的术语。这条规则看起来很简单，但是有时却很容易被忽略。
适当的颜色
当设计校验信息时，颜色是一个可利用的好工具。根据惯例，红色表示错误信息，黄色表示警告信息，绿色表示成功，这些办法很奏效。下图是一个校验密码输入框的好案例：
另一个运用颜色的优秀案例是对文本输入框做出字数限制。红色的字符计数器及红色下划线说明该输入框字数已超限。
界面中颜色的应用应该符合用户认知，这是衡量优秀视觉设计的重要标准之一。
我们的设计应当尽可能让用户更快地完成信息录入。即使像是首字母自动大写或给每个输入框提供合理的指示这种简单的办法都会大大提高输入框的可用性。设计师应该多考虑用户输入时的真实使用行为从而在设计时确保没有忽视某些重要的信息。
欢迎关注译者微信公众号：
「优设字体设计好文最新集锦」
灰昼大大的字体推荐：
字体排印指南：
谷歌免费字体网站：
原文地址：
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量130万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
我们的团队
大家在关注想问下，输入框末尾自动补充清空X的功能是如何实现的 - JavaScript当前位置:& &&&想问下，输入框末尾自动补充清空X的功能是如何实现的想问下，输入框末尾自动补充清空X的功能是如何实现的&&网友分享于：&&浏览：0次想问下，输入框末尾自动补充清空X的功能是怎么实现的就是输入框输入数据之后，输入框的末尾自动呈现一个X，点击之后可以将输入框内容全部清空------解决方案--------------------那个x其实就是一张图片或者说是一个按钮，点击后输入框内容清空。
用keydown事件检测输入框是否为空，如果不为空则显示清空按钮，如果为空则隐藏------解决方案--------------------css控制x显示位置
.input{position:}
.input&.x{display:text-decoration:position:left:190color:font-weight:bold}
&div&class="input"&&a&href="#"&class="x"&onclick="return&clearInput(this)"&x&/a&&input&type="text"&style="width:200px"&onkeyup="xShow(this)"&/&&/div&
&script&type="text/javascript"&
&&&&function&clearInput(a)&{
&&&&&&&&a.parentNode.getElementsByTagName('input')[0].value&=&'';
&&&&&&&&a.style.display&=&'none';&
&&&&&&&&return&
&&&&function&xShow(ipt)&{
&&&&&&&&ipt.parentNode.getElementsByTagName('a')[0].style.display&=&ipt.value&==&''&?&'none'&:&'block'
12345678910
12345678910
12345678910 上一篇：下一篇：文章评论相关解决方案 12345678910 Copyright & &&版权所有自动检测输入框中的内容，不允许输入框某些特定字符，可自定义。
欢迎光临阿里西西网页脚本特效中心，点击运行按钮演示特效： 以下是程序代码
要完成此效果需要两个步骤
第一步：把如下代码加入到&head&区域中
&SCRIPT LANGUAGE=&JavaScript&&
&!-- Begin
var mikExp = /[$\\@\\\#%\^\&\*\(\)\[\]\+\_\{\}\`\~\=\|]/;
function dodacheck(val) {
var strPass = val.
var strLength = strPass.
var lchar = val.value.charAt((strLength) - 1);
if(lchar.search(mikExp) != -1) {
var tst = val.value.substring(0, (strLength) - 1);
val.value =
function doanothercheck(form) {
if(form.value.length & 1) {
alert(&Please enter something.&);
if(form.value.search(mikExp) == -1) {
alert(&格式正确&);
alert(&对不起, 下列字符不能输入\n\r\n\r@ $ % ^ & * # ( ) [ ] \\ { + } ` ~ =
| \n\r\n\请重输!\n&);
form.select();
form.focus();
alert(&格式正确&);
第二步：把如下代码加入到&body&区域中
&form name=xyz onSubmit=&return doanothercheck(this.txtTerm);&&
&input type=&text& name=&txtTerm& size=&35& maxlength=&50& value=&& onKeyUp=&javascript:dodacheck(xyz.txtTerm);&&
&input type=submit value=Check&
&a href="/Dev/HTML/jsrun/"&欢迎访问阿里西西网页特效集&/a&
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
( 13:07:11)
( 23:52:22)
( 11:18:11)
( 18:01:57)
( 17:56:34)
( 01:07:08)
( 10:54:56)
( 23:42:25)
相关排行总榜}