移动设备的Web应用程序开发----(表单)

关注

原创最新推荐文章于 2024-07-19 11:02:31 发布 4k 阅读 AI 写同款· GEO 优化 ›

HTML5教程（学完html的，这个可以快速过一遍）目录 HTML5 教程 HTML5 浏览器支持 HTML5 新元素 HTML5 语义元素 HTML5 代码规范 HTML5 MathML HTML5 Web SQL数据库 HTML5 迁移 HTML5 Canvas HTML5 内联 SVG HTML5 Canvas VS svg HTML5 多媒体 HTML5 Object元素 HTML5 Audio音频 HTML5 Video视频 HTML5 新的input类型 HTML5 表单元素 HTML5 表单属性 HT. 阅读详情

移动.NET表单

移动.NET表单是一种为工作在不同移动设备而设计的特殊Web表单。

移动页面

移动页面和原始.NET Web页面是非常相似。它是一个aspx扩展的文本文件并且具有了Web控件的多样性（and it can contain a variety of web controls）。

两者的不同是移动页面使用移动页面标签标识页面，移动控件使用在页面。

移动控件编程是有设备依赖性的，页面将为访问设备产生合适的输出。（译者注：就是不同的控件对不同的移动设备呈现的效果是不同的。）

移动表单

每个移动页面最少有一个移动表单，并且每个移动表单可以有一定数量的移动控件。

注意：移动页面可以有多个移动表单。这是因为移动设备的实际情况。移动设备拥有小的屏幕所以通过简单的链接在屏幕间导航是非常正常的。

自动分页

移动.NET支持在不同的移动设备上自动分页的功能。

每个控件的分页的处理是不同的，For example when paging takes place the controls included in a panel control will stay together。

显示文本

这个移动页面使用TextView控件显示一个字符很多的文本（a large amont of text）。

<%@ Page

Inherits=

"System.Web.UI.MobileControls.MobilePage"%>

<%@ Register

TagPrefix="Mobile"

Namespace="System.Web.UI.MobileControls"

Assembly="System.Web.Mobile" %>

<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>

当这个页面显示在移动设备上的时候，页面的导航和显示功能将为不同的设备被编译成不同的显示特性。

当这个文本显示在小的显示屏幕的Pocket PC的时候，使用者可以通过调节滚动条来滚动文字，但是在手机上这个文本将会显示在添加了适当的导航工具的几个屏幕上。

注意：为了可靠适当的为不同设备呈现页面，所有的移动控件必须将Runat属性设置成Server（译者注：就像标准的ASP.NET页面）

单个表单

这个移动页面包含一个表单：

<%@ 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>

多个表单

这个移动页面包括两个表单：

<%@ Page

Inherits=

"System.Web.UI.MobileControls.MobilePage"%>

<%@ Register

TagPrefix="Mobile"

Namespace="System.Web.UI.MobileControls"

Assembly="System.Web.Mobile" %>

<Mobile:Form id="f1" runat="server">

<Mobile:Label runat="server">Hello W3Schools

</Mobile:Label>

<Mobile:Link runat="server" NavigateURL="#f2">2

</Mobile:Link>

</Mobile:Form>

<Mobile:Form id="f2" runat="server">

<Mobile:Label runat="server">Hello Again

</Mobile:Label>

<Mobile:Link runat="server" NavigateURL="#f1">1

</Mobile:Link>

</Mobile:Form>

超级链接

注意：在上面的例子种<Molile:Link>标签。这个连接控件让用户在两个移动表单之间进行导航。

收录于

Mobile Web Application

标签

#web #程序开发 #mobile #server #assembly

本内容遵循 CC 4.0 BY-SA 版权协议

移动设备应用设计：整合型开发工具入门指南本文还有配套的精品资源，点击获取简介：移动应用设计对于开发人员来说至关重要，尤其是掌握整合型开发工具能够显著提升开发效率。本文将详细介绍手机与PDA应用设计的基础知识，包括编程语言的选择、操作系统的理解、整合型开发环境（IDE）的使用、应用架构与设计模式、API和库的集成，以及应用测试、发布和更新的流程。通过深入探讨Android Studio、Xcode等IDE的特性，... 阅读详情

移动设备的Web应用程序开发----(表单)

移动.NET表单

移动页面

移动表单

自动分页

显示文本

单个表单

多个表单

超级链接

相关推荐