`

WCSS输入扩展

    博客分类:
  • wap
阅读更多
1WCSS快捷键扩展
给元素定义快捷键:-wap-accesskey属性
可用的属性值*,#,0,1,2,3,4,5,6,7,8,9
       input.wcss_class {-wap-accesskey: 4}
直接定义*和#违反CSS2语法。需要使用Unicode转义字符\2a和\23。但是有些WAP浏览器(Sony Ericsson WAP 浏览器 )要求使用\2a 和 \23,一些(Openwave 手机浏览器) 要求使用* 和#。
与元素的accesskey属性同效,如同时定义,显示该属性值。
只用于四个元素a, input,label,textarea,其他定义也无效。

2WCSS输入扩展
由两个属性组成:-wap-input-famat和-wap-input-required,对应于WML中<input>元素的format(定义类型和字符数量)和emptyok(是否可以留空)属性。
早些的移动设备上WAP浏览器不支持,但支持format和emptyok属性作为XHTML MP的扩展。为了更好的兼容性,建议WCSS和WML都使用。如:
wml:<input type="text" name="page" format="3N" emptyok="false" />
xHtml mp:<input type="text" style='-wap-input-format: "3N"; -wap-input-required: true' />

       <input type="text" format="N" style='-wap-input-format: "N"'/>
控制文本框的类型和字符数量:-wap-input-format。需应用在<input type=“text”>, <input type=“password”>和<textarea> 标签上,如应用在其他标签无效。
格式字符(大小写敏感):a(小写字母或符号),A(大写字母或符号),n(数字或符号),N(数字),x(小写字母或数字或符号),X(大写字母或数字或符号),m(任何字符,默认小写字母输入模式,可换大写模式),M(任何字符,默认大写字母输入模式,可换小写模式)。属性值必须包含在引号内,由于部分Openwave 手机浏览器不支持单引号,建议使用双引号(<input type=“text” style=‘-wap-input-format: “N”’/> )
   -wap-input-format: “2N” (最多两个数字)
    -wap-input-format: “NN” (两个数字)
    -wap-input-format: “*N” (无限个数字)
    -wap-input-format: “A*a” (第一个大写字母或符号,0-n个小写字母或符号)
    -wap-input-format :“*M”(默认)

       格式字符前使用数字或*的原则:1、只允许一次;2、在最后

如果值语法错误,则WAP浏览器忽略该属性。
       也可以包含转义字符:’\’在WCSS中是特殊字符,使用’\\’。
控制文本框是否可以留空:-wap-input-required(值为:false和true ),帮助控制文本框是否可以空白。使用元素同上。
       当-wap-input-format和-wap-input-required冲突时,以required优先。

3WCSS Marquee扩展
可以在屏幕上滚动一些内容(一行文字,一个图片,一个链接等),但一些WAP浏览器只支持滚动文字。当内容超过屏幕时很有用。
包含四个属性和一个属性值:
-wap-marquee属性值(display属性的值),
-wap-marquee-dir属性(指定marquee的方向,值:ltr,rtl-默认),
-wap-marquee-loop属性(指定marquee重复的时间,infinite永远,大多数默认为1),
-wap-marquee-speed属性(指定marquee的速度,值:slow,normal-默认,fast),
-wap- marquee-style(指定marquee在屏幕上如何滚动,有三个值:scroll-默认,slide,alternate)
分享到:
评论

相关推荐

    Wcss与CSS2.0的区别与应用

    wcss与css2.0的联系与区别,简单的对wcss与css做了对比,凸显wcss的特性

    WCSS标准文档(pdf)

    ### WCSS标准文档知识点概述 #### 一、WCSS简介 **WCSS(Wireless Cascading Style Sheets)**是一种专为移动设备设计的CSS样式表规范。它基于CSS2.0的一个子集,并针对移动设备的特点增加了一些新的CSS属性。WCSS...

    WAP 2.0-XHTML MP and WCSS

    开发者需要考虑移动设备的限制,如带宽、电池寿命和输入方式,以便提供最佳的用户体验。同时,随着移动设备技术的不断进步,WAP 2.0相关技术也在持续演进,保持对其更新和发展动态的关注也是至关重要的。

    WAP2.0——_XHTML_MP_and_WCSS

    WCSS作为WML CSS的简称,是对CSS2进行裁剪和扩展后的版本,具有WAP特有的功能。它使得开发者能够根据移动设备的特性,如屏幕大小,编写不同的WCSS文件,实现多设备适配,而不需要对页面结构进行大幅度修改。这种样式...

    wap2.0初探索XHTML MP、WCSS

    WCSS是CSS2的一个简化版本,专为WAP环境设计,提供了扩展功能,允许开发者轻松调整XHTML MP页面的布局和样式,以适应不同移动设备的屏幕尺寸和性能。 **XHTML MP的优点** 1. **技术共享**:开发者可以使用相同的...

    WAP2.0 XHTML MP WCSS

    简洁地介绍WAP2.0 XHTML MP WCSS 精简,到位,快速入门。

    WAP2.0.ppt XHTML MP and WCSS

    4. **XHTML MP**:WAP 2.0的官方标记语言,基于XHTML Basic扩展,支持简单的CSS(WCSS)。 5. **WML2.0**:尽管对WAP站点开发者是向后兼容的,但目前并未广泛使用。 **不支持的WML特性**: 1. **&lt;deck&gt; 和 **:在...

    WAP 2.0—— XHTML MP and WCSS

    最大优点:开发者可用相同的技术开发适用于WEB和WAP的站点。 ... 同样的开发工具可以用来开发WEB和WAP站点。...移动设备有很多不同的特征,比如屏幕大小,只需写一次结构,使用不同的WCSS文件即可。 更多的表现控制。

    XHTML MP 教程(带WCSS效果很牛X)

    **XHTML MP 教程(带WCSS效果很牛X)** XHTML MP,全称为“eXtensible Hypertext Markup Language for Mobile”,是专为移动设备设计的一种简化版的XHTML标准,主要应用于WAP2.0环境。WAP2.0是第二代无线应用协议,它...

    wap2.0说明(XHTML MP and WCSS)

    3. 它与 **WCSS** 结合使用,WCSS是CSS2的一个简化版本,包含了针对WAP特性的扩展,使得开发者能灵活调整页面布局和风格。 4. 由于XHTML MP的广泛适用性,开发者可以创建同时适应Web和WAP平台的站点,降低了开发成本...

    WAP2.0(XHTML MP+WCSS)入门开发教程

    WAP2.0(XHTML MP+WCSS)入门开发教程

    Mobile Web Development: Building mobile websites, SMS and MMS messaging, mobile payments, and automated voice call systems with XHTML MP, WCSS, and mobile AJAX

    - **grXML**:扩展了VoiceXML功能的语言。 - **Frost Library**:用于处理语音输入的库。 - **WALL**:Web Audio Library,用于处理音频数据。 - **SMS/MMS**:短消息服务/多媒体信息服务。 - **移动支付网关**:...

    WAP2.0教程PPT(Wap2.0规范)

    WCSS,是CSS2的一个简化版本,专门为WAP定制,增加了WAP特有的扩展。WCSS使得开发者能够轻松调整XHTML MP页面的布局和样式,适应不同移动设备的屏幕尺寸和特性。通过使用WCSS,开发者可以编写一次结构,然后通过不同...

    WAP2.0的PPT教程

    - WCSS是CSS2的简化版,具有WAP特有的扩展,用于控制XHTML MP页面的布局和样式。 **四、XHTML MP与WML的差异** 1. **不支持的WML特性** - `&lt;deck&gt;`和`&lt;card&gt;`:在WML中,这些标签用于组织内容,但在XHTML MP中,...

    wap2.0教程讲解

    WCSS是CSS2的一个简化版本,具有WAP特有的扩展,允许开发者根据不同的设备特性轻松调整布局和样式。 WML 2.0虽然向后兼容,但由于对开发者来说仍不可用,因此在WAP站点开发中并不常用。开发者更倾向于使用XHTML MP...

    最新wap2.0示例教程

    WCSS是CSS2的一个简化版本,针对WAP特性进行了扩展,使得开发者能轻松调整XHTML MP页面的布局和样式。这使得开发者只需编写一次结构,通过不同的WCSS文件就能适应不同设备的屏幕大小,从而增强了表现控制。 无线...

    WAP 2.0 PPT

    WCSS是CSS2的一个定制版本,增加了针对WAP环境的特定扩展。 **XHTML MP** 的优点主要包括: 1. 开发者可以使用相同的技术开发适用于Web和WAP的网站。 2. 对于熟悉HTML和XHTML的开发者来说,学习XHTML MP相对容易。 ...

    WAP2.0教程 wap网站开发

    同时,XHTML MP支持WCSS(WAP Cascading Style Sheets),这是CSS2的一个简化版本,带有WAP特有的扩展,使开发者能够轻松调整XHTML MP页面的布局和样式。 WCSS使得开发者能够根据不同移动设备的特性(如屏幕尺寸)...

    WAP2.0程序设计

    WCSS是CSS2的一个简化版本,特别为WAP设备定制,包含了WAP特有的扩展。这使得开发者可以针对不同类型的移动设备编写不同的WCSS文件,实现页面在各种屏幕尺寸和设备特性下的适配,而不必更改XHTML MP的结构。 XHTML ...

Global site tag (gtag.js) - Google Analytics