<!-- formulier -->
	<mx:Panel x="10" y="10" width="340" height="254" layout="absolute" id="panReg" title="Registreer">
		<mx:Form x="0" y="0" width="310" height="168">
			<mx:FormItem label="Gebruikersnaam:" >
				<mx:TextInput id="iGebruikersnaam" />
			</mx:FormItem>
			<mx:FormItem label="Wachtwoord:" >
				<mx:TextInput id="iWachtwoord"  displayAsPassword="true"/>
			</mx:FormItem>
		
			<mx:FormItem label="Voornaam:" >
				<mx:TextInput id="iVoornaam" />
			</mx:FormItem>
			<mx:FormItem label="Achternaam:" >
				<mx:TextInput id="iAchternaam" />
			</mx:FormItem>
			<mx:FormItem label="Emailadres:" >
				<mx:TextInput id="iEmailadres" />
			</mx:FormItem>
		</mx:Form>
		<mx:ControlBar>
			<mx:Spacer width="113"/>
			<mx:Button label="Velden legen" click="leegVelden()"/>
			<mx:Button label="Aanmelden" click="voegGebruikerToe( iGebruikersnaam.text, iVoornaam.text, iAchternaam.text, iEmailadres.text, iWachtwoord.text )"/>
		</mx:ControlBar>
	</mx:Panel>
	
	<!-- Datagrid om gebruikers weer te geven -->
	<mx:DataGrid x="10" y="283" 
				width="340" height="299"
				id="dgGebruikers">
		<mx:columns>
			<mx:DataGridColumn headerText="Gebruikersnaam" dataField="Gebruikersnaam"/>
			<mx:DataGridColumn headerText="Voornaam" dataField="Voornaam"/>
			<mx:DataGridColumn headerText="Achternaam" dataField="Achternaam"/>
			<mx:DataGridColumn headerText="Emailadres" dataField="Emailadres"/>
		</mx:columns>
	</mx:DataGrid>

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="360" height="302">
	<mx:Panel x="10" y="21" layout="absolute" id="panReg" title="Registreer">
		<mx:Form x="0" y="0" width="310" height="168">
			<mx:FormItem label="Gebruikersnaam:" >
				<mx:TextInput id="iGebruikersnaam" />
			</mx:FormItem>
			<mx:FormItem label="Wachtwoord:" >
				<mx:TextInput id="iWachtwoord" />
			</mx:FormItem>
			<mx:FormItem label="Voornaam:" >
				<mx:TextInput id="iVoornaam" />
			</mx:FormItem>
			<mx:FormItem label="Achternaam:" >
				<mx:TextInput id="iAchternaam" />
			</mx:FormItem>
			<mx:FormItem label="Emailadres:" >
				<mx:TextInput id="iEmailadres" />
			</mx:FormItem>
		</mx:Form>
		<mx:ControlBar>
			<mx:Spacer width="113"/>
			<mx:Button label="Velden legen"/>
			<mx:Button label="Aanmelden"/>
		</mx:ControlBar>
	</mx:Panel>
	
</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="360" height="302">
	<mx:Panel x="10" y="21" layout="absolute" id="panReg" title="Registreer">
		<mx:Form x="0" y="0" width="310" height="168">
			<mx:FormItem label="Gebruikersnaam:" >
				<mx:TextInput id="iGebruikersnaam" />
			</mx:FormItem>
			<mx:FormItem label="Wachtwoord:" >
				<mx:TextInput id="iWachtwoord" />
			</mx:FormItem>
		
			<mx:FormItem label="Voornaam:" >
				<mx:TextInput id="iVoornaam" />
			</mx:FormItem>
			<mx:FormItem label="Achternaam:" >
				<mx:TextInput id="iAchternaam" />
			</mx:FormItem>
			<mx:FormItem label="Emailadres:" >
				<mx:TextInput id="iEmailadres" />
			</mx:FormItem>
		</mx:Form>
		<mx:ControlBar>
			<mx:Spacer width="113"/>
			<mx:Button label="Velden legen"/>
			<mx:Button label="Aanmelden"/>
		</mx:ControlBar>
	</mx:Panel>
	
</mx:Application>

Tutorial 1, Het formulier in mxml

ActionScript 3