### 本文目录
基础11\. 设置文本框输入为密码
基础12\. 设置打开选择文件窗口
基础13\. 限制文本框输入字符位数
基础14\. 设置文本框提示文字
基础15\. 设置文本框回车触发事件
基础16\. 设置元件鼠标移入的提示
基础17\. 设置矩形为其他形状
基础18\. 设置自定义形状
基础19\. 设置形状水平/垂直翻转
基础20\. 设置列表框的内容
### 正文
### 基础11\. 设置文本框输入为密码
文本框属性中选择文本框的{类型}为【密码】。(图1-12)
[![图1-12](http://files.iaxure.com/wp-content/uploads/2016/06/1-12.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-12.png)
### 基础12\. 设置打开选择文件窗口
文本框属性中选择文本框的{类型}为【文件】,即可在浏览器中变成打开选择本地文件的按钮。该按钮样式各浏览器略有不同。(图1-13)
[![图1-13](http://files.iaxure.com/wp-content/uploads/2016/06/1-13.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-13.png)
### 基础13\. 限制文本框输入字符位数
在文本框属性中输入文本框的{最大长度}为指定长度的数字。(图1-14)
[![图1-14](http://files.iaxure.com/wp-content/uploads/2016/06/1-14.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-14.png)
### 基础14\. 设置文本框提示文字
在文本框属性中输入文本框的{提示文字}。提示文字的字体、颜色、对齐方式等样式可以点击【提示样式】进行设置。(图1-15)
提示文字设置包含{隐藏提示触发}选项,其中:
输入:指用户开始输入时提示文字才消失。
获取焦点:指光标进入文本框时提示文字即消失。
[![图1-15](http://files.iaxure.com/wp-content/uploads/2016/06/1-15.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-15.png)
### 基础15\. 设置文本框回车触发事件
文本框回车触发事件是指在文本框输入状态下按键,可以触发某个元件的【鼠标单击时】事件。只需在文本框属性中{提交按钮}的列表中选择相应的元件即可。(图1-16)
[![图1-16](http://files.iaxure.com/wp-content/uploads/2016/06/1-16.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-16.png)
### 基础16\. 设置鼠标移入元件时的提示
在文本框属性中{元件提示}中输入提示内容即可。(图1-17)
[![图1-17](http://files.iaxure.com/wp-content/uploads/2016/06/1-17.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-17.png)
特别提醒:此效果要悬停一秒钟以上。
### 基础17\. 设置矩形为其他形状
在画布中点击矩形右上方圆点图标即可打开形状列表,设置为其它形状。(图1-18)
[![图1-18](http://files.iaxure.com/wp-content/uploads/2016/06/1-18.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-18.png)
### 基础18\. 设置自定义形状
在形状上点击,在菜单中选择【转换为自定义形状】,即可对形状进行编辑。也可以通过点击形状右上角的圆点图标,在打开的形状选择列表中选择【转换为自定义形状】(图1-18)。具体的编辑操作见图1-19中的标注。
[![图1-19](http://files.iaxure.com/wp-content/uploads/2016/06/1-19.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-19.png)
### 基础19\. 设置形状水平/垂直翻转
在形状的属性中可以对形状进行【水平翻转】和【垂直翻转】的操作。(图1-20)
[![图1-20](http://files.iaxure.com/wp-content/uploads/2016/06/1-20.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-20.png)
### 基础20\. 设置列表框的内容
下拉列表框与列表框都可以设置内容-列表项。可以通过【属性】-【列表项】的选项来设置,也可以通过鼠标双击元件进行设置。(图1-21)
[![图1-21](http://files.iaxure.com/wp-content/uploads/2016/06/1-21.png)](http://files.iaxure.com/wp-content/uploads/2016/06/1-21.png)
- PHP学习
- PHP应用
- PHP函数总结整理
- 39个对初学者非常有用的PHP技巧
- 深入浅出之Smarty模板引擎工作机制
- 数组操作
- file操作的常用方法
- PHP字符串输出之Heredoc说明
- require(_once)和include(_once)的理解
- PHP提高效率的几点
- php无限遍历目录
- 53个要点提高PHP编程效率
- THINKPHP
- THINKPHP 常见的问题
- 微信
- 微信公众号接口
- 微信小程序开发资料收集
- 微信小程序开发:MINA
- 通过微信小程序看前端
- 微信小程序开发初体验
- 微信小程序 Demo(豆瓣电影)
- API应用
- 支付宝
- 二维码转换
- 前端开发
- HTML5
- CSS
- 七种css方式让一个容器水平垂直居中
- JavaScript
- JavaScript奇技淫巧44招
- JavaScript笔记
- 后端开发
- Node
- SQL数据库
- 服务维护
- git使用
- Git入门私房菜
- MAC终端维护
- VIM命令大全
- 开发规范
- 智能手机屏幕的秘密
- 超实用六步透视网易设计规范(附完整PDF下载)
- UI设计常用字体规范
- APP界面切图命名和文件整理规范
- 网页UI视觉设计规范
- ios视觉设计规范说明
- 开发APP时需要注意的原则
- 移动端APP设计初步入门
- Axure
- 基础操作
- 基础1-10
- 基础11-20
- 基础21-30
- 基础31-40
- 基础41-50
- 基础51-60
- Sketch
- 软件使用
- sublime3_用户设置
- sublime下如何修改自动补全 后lang=zh-cn?
- 运营理念
- 新人指导心得体会
- 从一次活动设计,聊聊交互设计师的3个阶段
- 详情页优化那些不得不说的细节
- 店铺装修浅析
- 淘宝店铺装修之宝贝详情页的布局教程
- 宝贝详情页 客户需求调研及总结
- 宝贝描述样板房