📄 mobile_forms.asp
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.NET Mobile Forms</title>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Keywords" content="xml,tutorial,html,dhtml,css,xsl,xhtml,javascript,asp,ado,vbscript,dom,sql,colors,soap,php,authoring,programming,training,learning,beginner's guide,primer,lessons,school,howto,reference,examples,samples,source code,tags,demos,tips,links,FAQ,tag list,forms,frames,color table,w3c,cascading style sheets,active server pages,dynamic html,internet,database,development,Web building,Webmaster,html guide" />
<meta name="Description" content="Free HTML XHTML CSS JavaScript DHTML XML DOM XSL XSLT RSS AJAX ASP ADO PHP SQL tutorials, references, examples for web building." />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<link rel="stylesheet" type="text/css" href="../stdtheme.css" />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "../../https@ssl./default.htm" : "../../www./default.htm");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3855518-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</head>
<body>
<a name="top"></a>
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#808080">
<tr>
<td width="234" valign="top">
<a href="../default.htm"><img src="../images/w3default80.jpg" border="0" alt="W3Schools" /></a>
</td>
<th valign="middle" align="left" class="right">
<iframe style="background-color:#808080" src="../banners/bannerframe.asp@adpartner=aspall2" height="90" width="728"
marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe>
<br /></th>
</tr>
</table>
<table style="margin-left:1px" width="800px" border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="137" class="content" valign="top"><br />
<a class="left" href="../default.asp" target="_top">
<img src="../images/homeicon.gif" border="0" alt="home" /></a>
<a class="left" href="../default.asp" target="_top">
<b>HOME</b></a>
<br /><br />
<b>.NET Mobile</b>
<br />
<a class="left" target="_top" href="default.asp" >Mobile HOME</a><br />
<a class="left" target="_top" href="mobile_intro.asp" >Mobile Intro</a><br />
<a class="left" target="_top" href="mobile_example.asp" >Mobile Example</a><br />
<a class="left" target="_top" href="mobile_emulators.asp" >Mobile Emulators</a><br />
<a class="left" target="_top" href="mobile_forms.asp" style='font-weight:bold;'>Mobile Forms</a><br />
<a class="left" target="_top" href="mobile_events.asp" >Mobile Events</a><br />
<a class="left" target="_top" href="mobile_input.asp" >Mobile Input</a><br />
<a class="left" target="_top" href="mobile_validation.asp" >Mobile Validation</a><br />
<a class="left" target="_top" href="mobile_lists.asp" >Mobile Lists</a><br />
<a class="left" target="_top" href="mobile_selection.asp" >Mobile Selection</a><br />
<a class="left" target="_top" href="mobile_images.asp" >Mobile Images</a><br />
<a class="left" target="_top" href="mobile_utilities.asp" >Mobile Utilities</a><br /><br />
<b>References</b><br />
<a class="left" target="_top" href="mobile_reference.asp" >Mobile Reference</a><br /><br />
<b>Selected Reading</b><br />
<a class="left" target="_top" href="../browsers/browsers_stats.asp">Web Statistics</a><br />
<a class="left" target="_top" href="../site/site_glossary.asp">Web Glossary</a><br />
<a class="left" target="_top" href="../hosting/default.asp">Web Hosting</a><br />
<a class="left" target="_top" href="../quality/default.asp">Web Quality</a><br /><br />
<a class="left" target="_top" href="../forum/default.asp">W3Schools Forum</a><br /><br />
<a class="left" target="_top" href="../about/about_helping.asp">Helping W3Schools</a><br /><br />
<script type="text/javascript"><!--
google_ad_client = "pub-3440800076797949";
/*LeftLinkUnit*/
google_ad_slot = "4854527104";
google_ad_width = 120;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="../../pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
<td valign="top">
<table style="border: 1px solid gray" width="100%" bgcolor="#FFFFFF" border="0" cellpadding="5" cellspacing="0">
<tr>
<td>
<h1>.NET Mobile Forms</h1>
<a href="mobile_emulators.asp"><img alt="previous" border="0" src="../images/btn_previous.gif" /></a>
<a href="mobile_events.asp"><img alt="next" border="0" src="../images/btn_next.gif" /></a>
<hr />
<p class="intro">.NET Mobile Forms are specialized web forms designed to work on
different mobile devices.</p>
<hr />
<h2>Mobile Pages</h2>
<p>A mobile page is much the same as an ordinary .NET web page. It is a text
file with an aspx extension, and it can contain a variety of web controls.</p>
<p>The difference is the page directive that identifies the page as a mobile
page, and the controls used on the page, which are mobile controls.</p>
<p>The mobile controls can be programmed device-independently, and the page will
produce an output that suits the device that access it. </p>
<hr />
<h2>Mobile Forms</h2>
<p>Each mobile page must have at least one mobile form, and each mobile form can
have a number of mobile controls.</p>
<p>Note that mobile pages can have multiple mobile forms. This is due to the
nature of mobile devices. Mobile devices have small screens and it is very
normal to navigate between screens with a simple link.</p>
<hr />
<h2>Automatic Paging</h2>
<p>.NET Mobile supports automatic paging for different mobile devices.</p>
<p>The
paging is handled differently for each control. For
example when paging takes place the controls included in a
panel control will stay together.</p>
<hr />
<h2>Displaying Text</h2>
<p>This mobile page uses a TextView control to display a large amount of text:</p>
<table width="100%" border="1" class="ex" cellspacing="0">
<tr>
<td>
<pre><%@ Page
Inherits=
"System.Web.UI.MobileControls.MobilePage"%>
<%@ Register
TagPrefix="Mobile"
Namespace="System.Web.UI.MobileControls"
Assembly="System.Web.Mobile" %></pre>
<pre><Mobile:Form runat="server">
<Mobile:TextView runat="server">
This is a very long text to demonstrate
how text can be displayed over several screens.
This is a very long text to demonstrate
how text can be displayed over several screens.
This is a very long text to demonstrate
how text can be displayed over several screens.
This is a very long text to demonstrate
how text can be displayed over several screens.
</Mobile:TextView>
</Mobile:Form></pre>
</td>
</tr>
</table>
<p>When this page is displayed on a mobile device, the navigation and display
functions of the page will be compiled differently for different devices with
different display characteristics.</p>
<p>When the text is displayed on a pocket PC with a small display, the user will
be able to scroll the text with a scroll bar, but on a cell phone the text will
be displayed over several screens with proper navigation tools added.</p>
<p>Note that all mobile controls must have the runat attribute set to "server",
in order to secure proper rendering of the page for different devices.</p>
<hr />
<h2>Single Forms</h2>
<p>This mobile page has one form:</p>
<table width="100%" border="1" class="ex" cellspacing="0">
<tr>
<td>
<pre><%@ Page
Inherits=
"System.Web.UI.MobileControls.MobilePage"%>
<%@ Register
TagPrefix="Mobile"
Namespace="System.Web.UI.MobileControls"
Assembly="System.Web.Mobile" %></pre>
<pre><Mobile:Form runat="server">
<Mobile:Label runat="server">Hello W3Schools
</Mobile:Label>
</Mobile:Form></pre>
</td>
</tr>
</table>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -