当前位置:

首页 > 系统应用 > jQuery Mobile 表单

jQuery Mobile 表单

本文目录

    jQuery Mobile 会自动为 HTML 表单自动添加样式,让它们看起来更具吸引力,触摸起来更具友好性。 jQuery Mobile 表单结构 jQuery Mobile 使用 CSS 为 HTML 表单元素添加样式,让它们更具吸引力,更易于使用。 在 jQuery Mobile 中,您可以使

    jQuery Mobile 会自动为 HTML 表单自动添加样式,让它们看起来更具吸引力,触摸起来更具友好性。


    jQuery Mobile 表单结构

    jQuery Mobile 使用 CSS 为 HTML 表单元素添加样式,让它们更具吸引力,更易于使用。

    在 jQuery Mobile 中,您可以使用下列表单控件:

    • 文本输入框
    • 搜索输入框
    • 单选按钮
    • 复选框
    • 选择菜单
    • 滑动条
    • 翻转拨动开关

    当使用 jQuery Mobile 表单时,您应当知道:

    • 元素必须有一个 method 和一个 action 属性
    • 每个表单元素必须有一个唯一的 "id" 属性。id 必须是整个站点所有页面上唯一的。这是因为 jQuery Mobile 的单页导航机制使得多个不同页面在同一时间被呈现
    • 每个表单元素必须有一个标签。设置标签的 for 属性来匹配元素的 id

    实例

    		
      
      
    

    如需隐藏标签,请使用 class ui-hidden-accessible。这在您把元素的 placeholder 属性作为标签时经常用到:

    实例

    		

    提示: 我们可以使用 data-clear-btn="true" 属性来添加清除输入框内容的按钮 (一个在输入框右侧的 X 图标):

    实例

    
    
    清除输入框的按钮可以在 元素中使用,但不能在