flex组件学习4_form

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
	<!--
		The Form container always arranges its children vertically and left-aligns them in the form.
		 The form container contains one or more FormHeading and FormItem containers.
		 
		1 Form 一般布置他字组件 垂直 左对齐
		2 form 可以有一个或多个 FormHeading FormItem子容器
		 

	-->
	
	 <mx:Form id="myForm" width="400" height="100">

        <!-- Define FormHeading and FormItem components here -->

    </mx:Form>
    <!--no.1-->
    <!--When you create a FormItem container, 
    you specify its direction by using the value vertical (default) or horizontal for the direction property
    当我们创建一个FormItem ，你可以用 direction属性 确定他是 垂直排列 还是水平 排列
    -->
	 <mx:Style>       
        .myFormItemLabelStyle {
            color: #333399;
            fontSize: 20;
         }
         
    </mx:Style>

    <mx:Script>
        <![CDATA[
            private function processValues(zip:String, pn:String):void {
                // Validate and process data.
            }
        ]]>
    </mx:Script>

    <mx:Form id="myForm1" defaultButton="{mySubmitButton}">

        <mx:FormItem label="Zip Code" 
            labelStyleName="myFormItemLabelStyle">
            <mx:TextInput id="zipCode"/>
        </mx:FormItem>
        <mx:FormItem label="Phone Number">
            <mx:TextInput id="phoneNumber"/>
        </mx:FormItem>
    
        <mx:FormItem>
            <mx:Button label="Submit" id="mySubmitButton" 
                click="processValues(zipCode.text, phoneNumber.text);"/>
        </mx:FormItem>
    
    </mx:Form>
	
	<!--no.3-->
    <mx:Script>
        <![CDATA[
            private function submitForm():void {                
                // Handle the form submission.
            }
        ]]>
    </mx:Script>

    <mx:Form id="myForm2" width="400">

        <mx:FormHeading label="Billing Information"/>

        <mx:FormItem label="First Name">
            <mx:TextInput id="fname" width="100%"/>
        </mx:FormItem>

        <mx:FormItem label="Last Name">
            <mx:TextInput id="lname" width="100%"/>
        </mx:FormItem>

        <mx:FormItem label="Address">
            <mx:TextInput id="addr1" width="100%"/>
            <mx:TextInput id="addr2" width="100%"/>
        </mx:FormItem>

        <mx:FormItem label="City / State" direction="vertical">
            <mx:TextInput id="city"/>
            <mx:ComboBox id="st" width="75">
              <mx:ArrayCollection>
                 <mx:String>MA</mx:String>
                 <mx:String>NH</mx:String>
                 <mx:String>RI</mx:String>
              </mx:ArrayCollection>                     
            </mx:ComboBox>
        </mx:FormItem>

        <mx:FormItem label="ZIP Code">
            <mx:TextInput id="zip" width="100"/>
        </mx:FormItem>

        <mx:FormItem label="Country">
            <mx:ComboBox id="cntry">
              <mx:ArrayCollection>
                 <mx:String>USA</mx:String>
                 <mx:String>UAE</mx:String>
                 <mx:String>UAW</mx:String>
              </mx:ArrayCollection>                     
            </mx:ComboBox>
        </mx:FormItem>

        <mx:FormItem>
            <mx:HRule width="200" height="1"/>
            <mx:Button label="Submit Form" click="submitForm();"/>
        </mx:FormItem>
    </mx:Form>

</mx:Application>

 官方文档太多了，没全用