在设计文本框时，可以设置文本框的变色，让原型更漂亮。当焦点进入输入框时，输入框边框与内部图标变为蓝色；失去焦点时，恢复灰色。
方法/步骤
-
1
首先拖入一个矩形框，并命名为1
-
2
设置矩形框的样式：圆角半径设置为10
-
3
给矩形框1设置交互样式，在选中时线段颜色变为蓝色。
-
4
拖入一个文本框并命名为2，让文本框2完全置于矩形框1中，两者之间尽量留少点缝隙。选中文本框在属性一栏中勾选隐藏边框。
-
5
为文本框添加交互，在文本框获取焦点时,设置选中状态于矩形框1为“True”。
-
6
为文本框添加交互，在文本框失去焦点时,设置选中状态于矩形框1为“False”。
-
7
最后文本框中所设计的交互如下图所示。
-
8
点击预览，在生成的网页中，鼠标没有点击文本框时，文本框颜色为灰色。
-
9
鼠标点击文本框时，文本框颜色为设置好的蓝色。
END
为文本框设置提示信息
-
1
点击文本框，在属性一栏中找到提示文字，在提示文字框中输入想要显示的信息。
-
2
在预览时可以看到，文本框内出现了刚才输入的提示信息，字体颜色是淡灰色。
-
3
当光标进入文本框时提示信息会消失。
END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
文章评论