Flex 表单

hwpok

 
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;"><?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
 xmlns:s="library://ns.adobe.com/flex/spark" 
 xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768" width="380" height="370">
     <s:Rect width="380" height="100%" radiusX="4" radiusY="4">
  <s:fill>
   <s:LinearGradient>
            <s:GradientEntry color="#4A4A4A" alpha="1.0"/>
            <s:GradientEntry color="#6F6f6F" alpha="1.0"/>
      </s:LinearGradient>
  </s:fill>
  </s:Rect>
     <mx:Label text="EMPLOYEE" x="66" y="40" width="95" color="#FFFFFF" fontSize="15" fontWeight="bold" fontFamily="aria"/>
     <mx:Label x="175" y="40" text="MANAGEMENT" color="#C73F10" fontSize="15" fontFamily="aria" fontWeight="bold"/>
     <s:Group left="30" top="65" bottom="1"> 
     <s:layout>
         <s:VerticalLayout/>
     </s:layout> 
  <mx:Form fontSize="12" indicatorGap="5">
   <mx:FormItem label="First Name:" height="22">
          <s:TextInput id="firstName" width="140" color="#111111"/>
      </mx:FormItem>
      <mx:FormItem label="Last Name:" height="22">
          <s:TextInput id="lastName" width="140" color="#111111" text="{firstName.text}"/>
      </mx:FormItem>
      <mx:FormItem label="Email:" height="22">
          <s:TextInput id="email" width="140" color="#111111"/>
      </mx:FormItem>
      <mx:FormItem label="Home Address:" height="22">
          <s:TextInput id="homeAddress" width="140" color="#111111"/>
      </mx:FormItem>
      <mx:FormItem label="City:" height="22">
          <s:TextInput id="city" width="140" color="#111111"/>
      </mx:FormItem>
      <mx:FormItem label="State:" height="22">
          <mx:ComboBox editable="false" width="140" color="#111111">
     <mx:ArrayCollection>
      <fx:String>四川省</fx:String>
      <fx:String>河南省</fx:String>
      <fx:String>山西省</fx:String>
     </mx:ArrayCollection>
    </mx:ComboBox>
      </mx:FormItem>
      <mx:FormItem label="Zip:" height="22">
          <s:TextInput id="zip" width="140" color="#111111" maxChars="20" restrict="0-9"/>
      </mx:FormItem>
      <mx:FormItem height="22">
          <s:Button label="submit" color="#2F33D9" fontWeight="normal"/>
      </mx:FormItem>
  </mx:Form>
  </s:Group>
 <fx:Style source="De_1.css"/>
</s:Application>