第二节 组件(7)
这个程序的制作步骤如下：
步骤1 创建影片文档
新建一个影片文档，舞台大小设置为300×220，背景颜色设置为灰色。保存这个影片文档，文件名为“TextInput组件应用实例.fla”。
步骤2 引用组件
从【组件】面板拖放三个TextInput组件实例、两个Label组件实例到舞台上，调整它们的位置，效果如图8-3-26所示。
图8-3-26 引用组件
步骤3 定义组件实例属性和参数
先按照图8-3-25所示设置两个Label实例的text参数值。
然后，选择第2个TextInput实例（标签文字为密码的），在【属性】面板定义这个实例的名字为：passwordField。设置【password】参数值为true，其他参数都取默认值。
选择最下边哪个TextInput实例，在【属性】面板定义这个实例的名字为：resultField。在【组件检查器】面板中设置【visiable】参数值为false（这样设置以后，这个实例刚开始在画面上不显示，我们要在程序中用程序代码控制它显示），其他参数都取默认值。
步骤4 编写程序
选择时间轴第1帧，在【动作】面板中定义这一帧的动作脚本为：
（本文来源于图老师网站，更多请访问https://m.tulaoshi.com/fjc/）textListener = new Object();//定义一个侦听器对象
textListener.handleEvent = function (evt){//定义侦听器对象的handleEvent事件函数
if (evt.type == "enter"){//判断侦听到的事件类型是不是按下Enter键
resultField.visible=true;//让resultField实例在页面上显示出来
if(evt.target.text=="password"){//判断输入到passwordField实例中的文本是否和设置的密码password一致
（本文来源于图老师网站，更多请访问https://m.tulaoshi.com/fjc/）resultField.text="用户名和密码正确！";//如果密码输入正确，就在resultField实例中显示正确的反馈信息
}
else{//如果密码输入错误，就在resultField实例中显示错误的反
