`

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)
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics