亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

目錄 搜尋
jQuery Mobile 基礎(chǔ)教程 jQuery Mobile 安裝 jQuery Mobile 頁(yè)面 jQuery Mobile 頁(yè)面切換 jQuery Mobile 按鈕 jQuery Mobile 按鈕圖標(biāo) jQuery Mobile 工具欄 jQuery Mobile 可折疊塊 jQuery Mobile 網(wǎng)格 jQuery Mobile 表單 jQuery Mobile 表單 jQuery Mobile 表單輸入元素 jQuery Mobile 表單選擇菜單 jQuery Mobile 表單滑動(dòng)條 jQuery Mobile 列表 jQuery Mobile 列表視圖 jQuery Mobile 列表內(nèi)容 jQuery Mobile 事件 jQuery Mobile 事件 jQuery Mobile 觸摸事件 jQuery Mobile 滾屏事件 jQuery Mobile 方向改變事件 jQuery Mobile 實(shí)例 jQuery Mobile Data 屬性 jQuery Mobile 圖標(biāo) jQuery Mobile 事件 jQuery Mobile orientationchange 事件 jQuery Mobile pagebeforecreate 事件 jQuery 事件 方法 jQuery bind() 方法 jQuery blur() 方法 jQuery change() 方法 jQuery click() 方法 jQuery dblclick() 事件 jQuery delegate() 方法 jQuery die() 方法 jQuery error() 方法 jQuery event.currentTarget 屬性 jQuery event.data 屬性 jQuery event.delegateTarget 屬性 jQuery event.isDefaultPrevented() 方法 jQuery event.isImmediatePropagationStopped() 方法 jQuery event.isPropagationStopped() 方法 jQuery event.namespace 屬性 jQuery event.pageX 屬性 jQuery event.pageY 屬性 jQuery event.preventDefault() 方法 jQuery event.relatedTarget 屬性 jQuery event.result 屬性 jQuery event.stopImmediatePropagation() 方法 jQuery event.stopPropagation() 方法 jQuery event.target 屬性 jQuery event.timeStamp 屬性 jQuery event.type 屬性 jQuery event.which 屬性 jQuery focus() 方法 jQuery focusin() 方法 jQuery focusout() 方法 jQuery hover() 方法 jQuery keydown() 方法 jQuery keypress() 方法 jQuery keyup() 方法 jQuery live() 方法 jQuery load() 方法 jQuery mousedown() 方法 jQuery mouseenter() 方法 jQuery mouseleave() 方法 jQuery mousemove() 方法 jQuery mouseout() 方法 jQuery mouseover() 方法 jQuery mouseup() 方法 jQuery off() 方法 jQuery on() 方法 jQuery one() 方法 jQuery $.proxy() 方法 jQuery ready() 方法 jQuery resize() 方法 jQuery scroll() 方法 jQuery select() 方法 jQuery submit() 方法 jQuery toggle() 方法 jQuery trigger() 方法 jQuery triggerHandler() 方法 jQuery unbind() 方法 jQuery undelegate() 方法 jQuery unload() 方法 jQuery Mobile pagebeforehide 事件 jQuery Mobile pagebeforeload 事件 jQuery Mobile pagebeforeshow 事件 jQuery Mobile pagecreate 事件 jQuery Mobile pagehide 事件 jQuery Mobile pageinit 事件 jQuery Mobile pageload 事件 jQuery Mobile pageloadfailed 事件 jQuery Mobile pageshow 事件 jQuery Mobile scrollstart 事件 jQuery Mobile scrollstop 事件 jQuery Mobile swipe 事件 jQuery Mobile swipeleft 事件 jQuery Mobile swiperight 事件 jQuery Mobile tap 事件 jQuery Mobile taphold 事件 jQuery Mobile 頁(yè)面事件 jQuery Mobile CSS 類 jQuery Mobile 主題 jQuery Mobile 主題 jQuery Mobile 圖標(biāo)
文字

jQuery Mobile 表單

jQuery Mobile 會(huì)自動(dòng)為 HTML 表單自動(dòng)添加樣式，讓它們看起來(lái)更具吸引力，觸摸起來(lái)更具友好性。

jQuery Mobile 表單結(jié)構(gòu)

jQuery Mobile 使用 CSS 為 HTML 表單元素添加樣式，讓它們更具吸引力，更易于使用。

在 jQuery Mobile 中，您可以使用下列表單控件：

  • 文本輸入框
  • 搜索輸入框
  • 單選按鈕
  • 復(fù)選框
  • 選擇菜單
  • 滑動(dòng)條
  • 翻轉(zhuǎn)撥動(dòng)開關(guān)

當(dāng)使用 jQuery Mobile 表單時(shí)，您應(yīng)當(dāng)知道：

  • <form> 元素必須有一個(gè) method 和一個(gè) action 屬性
  • 每個(gè)表單元素必須有一個(gè)唯一的 "id" 屬性。id 必須是整個(gè)站點(diǎn)所有頁(yè)面上唯一的。這是因?yàn)?jQuery Mobile 的單頁(yè)導(dǎo)航機(jī)制使得多個(gè)不同頁(yè)面在同一時(shí)間被呈現(xiàn)
  • 每個(gè)表單元素必須有一個(gè)標(biāo)簽。設(shè)置標(biāo)簽的 for 屬性來(lái)匹配元素的 id

實(shí)例

<form method="post" action="demoform.html">
 <label for="fname">姓名:</label>
 <input type="text" name="fname" id="fname">
</form>
效果預(yù)覽 ?

如需隱藏標(biāo)簽，請(qǐng)使用 class ui-hidden-accessible。這在您把元素的 placeholder 屬性作為標(biāo)簽時(shí)經(jīng)常用到：

實(shí)例

<form method="post" action="demoform.html">
 <label for="fname" class="ui-hidden-accessible">姓名:</label>
 <input type="text" name="fname" id="fname" placeholder="姓名...">
 </form>
效果預(yù)覽 ?

Field 容器

如需讓標(biāo)簽和表單元素看起來(lái)更適應(yīng)寬屏，請(qǐng)用帶有 data-role="fieldcontain" 屬性的 <div> 或 <fieldset> 元素包圍 label/form 元素：

實(shí)例

<form method="post" action="demoform.html">
 <div data-role="fieldcontain">
 <label for="fname">姓:</label>
 <input type="text" name="fname" id="fname">
 <label for="lname">名:</label>
 <input type="text" name="lname" id="lname">
 </div>>
 </form>
效果預(yù)覽 ?


fieldcontain 屬性基于頁(yè)面的寬度為標(biāo)簽和表單控件添加樣式。當(dāng)頁(yè)面的寬度大于 480px 時(shí)，它會(huì)自動(dòng)把標(biāo)簽放置在與表單控件同一線上。當(dāng)頁(yè)面的寬度小于 480px 時(shí)，標(biāo)簽會(huì)被放置在表單元素的上面。

提示：為了防止 jQuery Mobile 為可點(diǎn)擊元素自動(dòng)添加樣式，請(qǐng)使用 data-role="none" 屬性：

實(shí)例

<label for="fname">姓名:</label>
<input type="text" name="fname" id="fname" data-role="none">
效果預(yù)覽 ?


jQuery Mobile 中的表單提交

jQuery Mobile 通過(guò) AJAX 自動(dòng)處理表單提交，并將試圖集成服務(wù)器響應(yīng)到應(yīng)用程序的 DOM 中。
上一篇： 下一篇：