jquery-mobile表单的创建方法详解(jquery 报表)

推荐整理分享jquery-mobile表单的创建方法详解(jquery 报表)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery给表单赋值,jquery给表单赋值,jquery给表单赋值,jquery watch,jquery 表单,jquery 表单,jquery watch,jquery 表单,内容如对您有帮助，希望把文章链接给更多的朋友！

本文实例讲述了jquery-mobile表单的创建方法。分享给大家供大家参考，具体如下：

一、注意事项

1. <form> 元素必须设置 method 和 action 属性

2. 每个表单元素必须设置唯一的 "id" 属性。

该 id 在站点的页面中必须是唯一的。

这是因为 jQuery Mobile 的单页面导航模型允许许多不同的“页面”同时呈现。

3. 每个表单元素必须有一个标记（label）。

请设置 label 的 for 属性来匹配元素的 id。

二、各种属性的使用

【文本框】

data-role="fieldcontain" 大于px 自动与label 同到一行

如果不希望使用 jquery-mobile的样式

【搜索框】

加上data-role="fieldcontain" 一行 不加每个标签一行

【单选框】

【复选框】

[注意]：单复选水平分组

可在fieldset 标签中添加属性

预选某个按钮 可以使用：

input 的 checked

【选择菜单】

普通选择菜单，有点丑

自定义选择菜单

使用属性：

【多选菜单】

需要使用自定义的

【滑动条】

max - 规定允许的最大值min - 规定允许的最小值step - 规定合法的数字间隔value - 规定默认值

【翻转切换开关】

默认选中可加 selected

颜色主题

【主题样式】

a 默认。黑色背景上的白色文本。b 蓝色背景上的白色文本 / 灰色背景上的黑色文本c 亮灰色背景上的黑色文本d 白色背景上的黑色文本e 橙色背景上的黑色文本

一般情况下 使用上面的颜色 可以直接使用属性

如果要改变对话框(遮罩)的背景色

data-overlay-theme="e" （放在page上）

改变可折叠的背景颜色

data-theme="b" data-content-theme="e" （放在collapsible）

主题划分按钮

data-split-theme="e" （放在 listview）

【添加新样式】

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

jQuery-mobile事件监听与用法详解 本文实例讲述了jQuery-mobile事件监听与用法。分享给大家供大家参考，具体如下：触摸事件-当用户触摸屏幕时触发（敲击和滑动）滚动事件-当上下滚动

jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法 jQueryCannotreadproperty‘msie'ofundefined错误的解决方法最近把一个项目的jQuery升级到最新版，发现有些页面报如下错误Cannotreadproperty'msie'ofundefined上jQuery网站

基于Bootstrap和jQuery构建前端分页工具实例代码 前言为啥名字叫【前端分页工具】？因为我实在想不到什么好名字，如果想要更加贴切的理解这个工具，应该从业务来看业务是这样的，有一个数据从