Synopsis
- LZX: form
- JavaScript: form
- Type: Class
- Access: public
- Topic: Components.Laszlo Components
- Declared in: lps/components/lz/form.lzx
Description
The form tag allows you to create a web form and
provides automatic layout. Most components are laid out vertically
with buttons at the lower right. The data represented by components
that are enclosed in the form tag can be sent to the server using the
submit tag. Each form component, such as
checkbox, combobox or
radiogroup must have a name. The data is
submitted as name-value pairs, using the name and value of the
component.
<canvas height="200">
<dataset name="echoer" src="http:../../examples/components/echo.jsp" />
<window id="win" >
<form>
<submit name="survey" data="${echoer}"/>
<statictext>What is your favorite vacation spot?</statictext>
<radiogroup name="place">
<radiobutton>Hawaii</radiobutton>
<radiobutton>Paris</radiobutton>
<radiobutton>Jamaica</radiobutton>
</radiogroup>
<button isdefault="true"
onclick="parent.survey.submit()">submit</button>
</form>
</window>
<view x="260" y="20"
layout="class: simplelayout" datapath="echoer:/response">
<text text="Data received" />
<view layout="axis: y" >
<view datapath="formcomponent" layout="axis:x" >
<text resize="true" datapath="@name"/>
<text text=":"/>
<text resize="true" datapath="text()"/>
</view>
</view>
</view>
</canvas>
If you want to include buttons in the form that are not placed in
the lower-right, you can specify placement="content" in
the button tag. To use a custom layout with a form, use the
baseform tag.