标签:text tps 默认 ESS 长沙 ons lam 按钮图标 nta
jQuery Mobile 会自动为 HTML 表单自动添加样式,让它们看起来更具吸引力,触摸起来更具友好性。
jQuery Mobile 使用 CSS 为 HTML 表单元素添加样式,让它们更具吸引力,更易于使用。
在 jQuery Mobile 中,您可以使用下列表单控件:
当使用 jQuery Mobile 表单时,您应当知道:
如需隐藏标签,请使用 class ui-hidden-accessible。这在您把元素的 placeholder 属性作为标签时经常用到:
提示: 我们可以使用 data-clear-btn="true" 属性来添加清除输入框内容的按钮 (一个在输入框右侧的 X 图标):
清除输入框的按钮可以在 <input> 元素中使用,但不能在 <textarea> 中使用。 搜索框中 data-clear-btn 默认值为 "true" ,你可以使用 data-clear-btn="false" 移除该图标。 |
表单中的按钮代码是标准的 HTML <input> 元素 (button, reset, submit)。他们会自动渲染样式,可以自动适配移动设备与桌面设备:
如果需要在 <input> 按钮中添加额外的样式,可以使用下表中的 data-* 属性:
属性 | 值 | 描述 |
---|---|---|
data-corners | true | false | 指定按钮是否有圆角 |
data-icon | 图标参考手册 | 指定按钮图标 |
data-iconpos | left | right | top | bottom | notext | 指定图标位置 |
data-inline | true | false | 指定是否内联按钮 |
data-mini | true | false | 指定是否为迷你按钮 |
data-shadow | true | false | 指定按钮是否添加阴影效果 |
如需让标签和表单元素看起来更适应宽屏,请用带有 "ui-field-contain" 类的 <div> 或 <fieldset> 元素包围 label/form 元素:
ui-field-contain 类基于页面的宽度为标签和表单控件添加样式。当页面的宽度大于 480px 时,它会自动把标签放置在与表单控件同一线上。当页面的宽度小于 480px 时,标签会被放置在表单元素的上面。 |
提示:为了防止 jQuery Mobile 为可点击元素自动添加样式,请使用 data-role="none" 属性:
jQuery Mobile 中的表单提交 jQuery Mobile 通过 AJAX 自动处理表单提交,并将试图集成服务器响应到应用程序的 DOM 中。 |
以上就是 jQuery Mobile 表单 的详细内容,更多请关注runoob其它相关文章!
【美亚麟喜代孕机构】「10年诚信品牌机构」「微信:130-2233-7922」「三甲医院合作」「三代试管婴儿技术」「代孕成功率高」「代孕价格费用合理」美亚麟喜·您圆梦路上的首选伙伴!
重庆代孕【徽信13022337922】、成都代孕【徽信13022337922】、长沙代孕【徽信13022337922】、
武汉代孕【徽信13022337922】、贵阳代孕【徽信13022337922】、昆明代孕【徽信13022337922】、
重庆代孕【徽信13022337922】、重庆代孕【徽信13022337922】、重庆代孕【徽信13022337922】、
重庆代孕【徽信13022337922】、
标签:text tps 默认 ESS 长沙 ons lam 按钮图标 nta
原文地址:https://www.cnblogs.com/yuya670/p/13059270.html