多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2

jquerymobile教程

jQuery Mobile 表單

閱讀 (2147)

jQuery Mobile 表單


jQuery Mobile 會自動為 HTML 表單自動添加樣式,讓它們看起來更具吸引力,觸摸起來更具友好性。




jQuery Mobile 表單結構

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

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

  • 文本輸入框
  • 搜索輸入框
  • 單選按鈕
  • 復選框
  • 選擇菜單
  • 滑動條
  • 翻轉撥動開關

當使用 jQuery Mobile 表單時,您應當知道:

  • <form> 元素必須有一個 method 和一個 action 屬性
  • 每個表單元素必須有一個唯一的 "id" 屬性。id 必須是整個站點所有頁面上唯一的。這是因為 jQuery Mobile 的單頁導航機制使得多個不同頁面在同一時間被呈現
  • 每個表單元素必須有一個標簽。設置標簽的 for 屬性來匹配元素的 id

實例

<form method="post" action="demoform.html">
<label for="fname">姓名:</label>
<input type="text" name="fname" id="fname">
</form>

嘗試一下 ?

如需隱藏標簽,請使用 class ui-hidden-accessible。這在您把元素的 placeholder 屬性作為標簽時經常用到:

實例

<form method="post" action="demoform.html">
<label for="fname" class="ui-hidden-accessible">姓名:</label>
<input type="text" name="fname" id="fname" placeholder="姓名...">
</form>

嘗試一下 ?


Field 容器

如需讓標簽和表單元素看起來更適應寬屏,請用帶有 data-role="fieldcontain" 屬性的 <div> 或 <fieldset> 元素包圍 label/form 元素:

實例

<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>

嘗試一下 ?

lamp fieldcontain 屬性基于頁面的寬度為標簽和表單控件添加樣式。當頁面的寬度大于 480px 時,它會自動把標簽放置在與表單控件同一線上。當頁面的寬度小于 480px 時,標簽會被放置在表單元素的上面。

提示:為了防止 jQuery Mobile 為可點擊元素自動添加樣式,請使用 data-role="none" 屬性:

實例

<label for="fname">姓名:</label>
<input type="text" name="fname" id="fname" data-role="none">

嘗試一下 ?

lamp jQuery Mobile 中的表單提交

jQuery Mobile 通過 AJAX 自動處理表單提交,并將試圖集成服務器響應到應用程序的 DOM 中。
關閉
程序員人生
主站蜘蛛池模板: 亚洲成人免费在线观看 | 日本一本视频 | 国产精品三区四区 | 亚洲欧美日韩综合在线 | 99福利在线| 国内精品福利 | 日本网站免费 | 欧美小说图片 | 龙口护士门91午夜国产在线 | 欧美性猛交乱大交xxxx | 成人免费视频在线播放 | 国产jizz18高清视频 | 亚洲国产成人久久一区www妖精 | 国产精品网站 夜色 | 在线观看的免费视频网站 | 特级做爰片毛片在线播放 | 性感美女视频免费网站午夜 | 国产成人在线视频观看 | xxxxx性欧美| 亚洲午夜久久久精品影院视色 | 国产在线永久视频 | 日本一道dvd在线中文字幕 | 久久免费国产精品一区二区 | 欧美一级毛片香蕉网 | 亚洲精品系列 | 91精品国产91久久久久久最新 | 日韩拍拍拍 | 美女视频一区二区三区 | 日韩精品无码一区二区三区 | 女人18毛片a级18毛多水真多 | 亚洲国产精品一区二区三区在线观看 | 欧美精品xxxxbbbb | 日本一区二区视频在线观看 | 亚洲高清在线观看播放 | 成人看片毛片免费播放器 | 成人毛片18女人毛片 | 亚洲a网| 女男羞羞视频网站免费 | 成人免费视频在 | 欧美xxxx在线视频 | 久久天天躁夜夜躁狠狠躁2020 |