【Axure笔记】7.文本框、文本域:如何获取输入框中的文字

【Axure笔记】7.文本框、文本域:如何获取输入框中的文字,第1张

        文本框和文本域是Axure获取用户输入信息的主要元件,“但我打进去的字怎么用啊?”成了不少初学者开始做交互时遇到的问题,由于这个部分在Axure中藏的有点点深,以至于我一开始接触文本框的时候也是一脸懵逼,后来发现大概有两种方式可以获取文本框中的文字,我们先来看一个简单的示例:

        首先我们要明确获取文本框的原理——其核心就是Axure交互中“元件文字”这个选项,结合上图中的示例我们具体分析:

        1  我们需要用户能输入文字,拖一个文本框(文本域)进去,命名为Textfiled。

        2  取出来的文字我们要怎么用?我也是采用最简单的方式把取出来的文字直接显示在一个矩形中(命名为Placehold),你当然也可以将这个文字填充到中继器、赋值给全局变量等等。

        3  我们什么时候需要提取用户输入的文字?最简单的方法我们可以拖一个按钮进来,当用户点击的时候我们来获取用户输入的文字,并按照2中将文字显示在矩形中。当然你可以设置成其他任何复杂情况下,比如打开新页面链接时,某元件显示或隐藏时获取文字等等,这里仅用最简单方便的按钮方式展示。

        原理123我们都搞明白了,那么我们来具体写一下吧。

        方法一:当用户按下按钮时我们在按钮中加入交互,当点击鼠标时,设置目标“Placehold(矩形)”设置为“文本”,值这行点击右侧fx按钮,点击后编辑函数的新窗口中先往下看,点击添加局部变量,将“LVAR1”设置为“元件文字”,后面选择谁的元件文字呢?当然是Textfiled,也就是输入框了。

之后选择上面的插入变量或函数选择“LVAR1”,点击确定完成即可。

        方法二:前面同方法一依然是在按钮中加入交互,但当点击鼠标时,设置目标Placehold(矩形)”设置为“元件文字”,目标直接选择Textfiled即可,简单又高效。

        可能是因为汉化的原因,初学者看到方法一中设置为“文本”第一印象就定格为文本框中的文本,而后面需要填值时又因为导致未熟练掌握函数写法一脸懵逼,从而纠结于此,未能发现菜单中隐藏的更为简单的“元件文字”选项。

——————————————————文章目录——————————————————

Chapter 1

开始前的准备

1 写在前面,我为什么要开Axure这个坑?

2 没有完整构想的产品上来直接开画就是耍流氓。

3 做之前先想好:高保真还是低保真?

4 移动端的相关规范,多多少少还是要知道一点点的。

Chapter 2

开始做吧,初学时懵逼的问题:

5 站在巨人的肩膀上:先装个元件库吧

6 技多不压身,元件多了真的压

7 文本框、文本域:如何获取输入的文字?

8 如何使用url及变量链接页面并实现跳转

9 关于命名规范:页面、元件、组。

10 什么时候该使用动态面板?

11 什么时候应该使用中继器?

12 交互、变量、函数我该怎么着手学习?

13 关于交互的最后防线——启用情形

Chapter3

实战教程,未完待续

应该是基于Winform的,因为系统是net开发的,那我再去试下autoit,谢谢gastlygem

Text Field就是从数据库中抓出来的一些信息,譬如(其中xxx就是我希望复制出来的内容)

姓名:xxx

年龄:xxx

var keyword="";//关键字

这样写就可以:

var keyword=documentforms[0]keywordvalue;//关键字

但是,你的这样语句就是页面加载的时候执行一次,因为你写在onLoad里面的,那么当页面加载以后你修改keyword的值是没有效果的。

要能够多次执行,应该这样:

<html><head>

<script language="JavaScript">

function func()

{

var keyword=documentforms[0]keywordvalue;//关键字

var r=documentbodycreateTextRange();

var s='<font style="background-color: #FFFF00;">'+keyword+'</font>';

while(rfindText(keyword)){

for(var o=rparentElement();o&&otagName!="A";o=oparentElement);

if(!o)try{

rpasteHTML(s);

}catch(e){}

rcollapse(false);

}

return false;

}

</script>

</head><body>

<form onSubmit="return func();">

<input name='keyword' type='text' value="">

<input type=submit value='Search'>

</form>

</body></html>

以上就是关于【Axure笔记】7.文本框、文本域:如何获取输入框中的文字全部的内容,包括:【Axure笔记】7.文本框、文本域:如何获取输入框中的文字、python gui编程 怎样获取text文本域中的内容、js怎么获取文本框内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9588839.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存