Definition and Usage

The Form control defines a container for mobile controls.

Each mobile page must have at least one Form control, and each Form control can have a number of mobile controls.

Note that mobile pages can have multiple Form controls. This is due to the nature of mobile devices. Mobile devices have small screens and it is very normal to navigate between screens with simple links.

---

Properties

Property	Value	Description
Action	URL	Optional. A URL that defines where to send the data when the form is submitted
Alignment	left center right	Optional. How to align the form
BackColor	rgb(x,x,x) #xxxxxx colorname	Optional. A background color for the form
ForeColor	rgb(x,x,x) #xxxxxx colorname	Optional. A foreground color for the form
Font-Bold	false true	Optional. Specifies whether or not the text in the form should be bold
Font-Italic	false true	Optional. Specifies whether or not the text in the form should be italic
Font-Name	fontname	Optional. Specifies the font name of the text in the form
Font-Size	normal small large	Optional. Specifies the font size of the text in the form
id	unique_name	Optional. A unique id for the control
Method	post get	Optional. How the form posts data to the server. Default is "post"
OnActivate	function_name	Optional. The name of the function to be executed when form is activated
OnDeactivate	function_name	Optional. The name of the function to be executed when form is deactivated
OnPaginate	function_name	Optional. The name of the function to be executed when form is paginated
Paginate	true false	Optional. Whether the form is to be paginated
runat	"server"	Required. Specifies that the control is a server control
StyleReference	name_of_style_element	Optional. Specifies a reference to a style to be applied to the control
Title	form_title	Optional. The title of the form
Wrapping	wrap nowrap	Optional. Specifies whether or not the text in the form should wrap

Example 1

The following example has one form control, and it will display "Hello W3Schools" in a Label control in an .aspx file:

<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage" %> <%@ Register TagPrefix="Mobile" Namespace="System.Web.UI.MobileControls" Assembly="System.Web.Mobile" %> <Mobile:Form runat="server">   <Mobile:Label runat="server">Hello W3Schools   </Mobile:Label> </Mobile:Form>

Example 2

The following example will declare two forms in an .aspx file. The first form has a label with the text "Age?", an input box to input the age, and a submit button. The second form is activated by the submit button on the first form, and displays a response:

<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage"%> <%@ Register TagPrefix="Mobile" Namespace="System.Web.UI.MobileControls" Assembly="System.Web.Mobile" %> <script runat="server"> Dim age Sub AgeClick(sender As Object, e As EventArgs) age=text1.Text ActiveForm=Form2 End Sub Sub Form2_Activate(sender As Object,e As EventArgs)   message.Text="You are " & age & " years old" End Sub </script> <Mobile:Form id="form1" runat="server">   <Mobile:Label runat="server">Age?</Mobile:Label>   <Mobile:TextBox runat="server" id="text1" />   <Mobile:Command runat="server" OnClick="AgeClick"   Text="Submit" /> </Mobile:Form> <Mobile:Form id="form2" runat="server" OnActivate="Form2_Activate"> <Mobile:Label runat="server" id="message" /> </Mobile:Form>

评论 (0) All

登陆 | 还没注册？