国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

directory search
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)
characters

jQuery Mobile 表單輸入元素

jQuery Mobile 文本輸入框

輸入字段是通過(guò)標(biāo)準(zhǔn)的 HTML 元素編碼的，jQuery Mobile 將為它們添加樣式使其看起來(lái)更具吸引力，在移動(dòng)設(shè)備上更易使用。您也能使用新的 HTML5 的 <input> 類型：

實(shí)例

 <form method="post" action="demo_form.php">
 <div data-role="fieldcontain">
 <label for="fullname">全名:</label>
 <input type="text" name="fullname" id="fullname">

 <label for="bday">生日:</label>
 <input type="date" name="bday" id="bday">

 <label for="email">E-mail:</label>
 <input type="email" name="email" id="email" placeholder="你的電子郵箱..">
 </div>
</form>
效果預(yù)覽 ?

提示：請(qǐng)使用 placeholder 來(lái)指定一個(gè)簡(jiǎn)短的描述，用來(lái)描述輸入字段的期望值：

 <input placeholder="sometext">

文本域

對(duì)于多行文本輸入可使用 <textarea> 。

注意：當(dāng)您鍵入一些文本時(shí)，文本域會(huì)自動(dòng)調(diào)整大小以適應(yīng)新增加的行。

實(shí)例

 <form method="post" action="demo_form.php">
 <div data-role="fieldcontain">
 <label for="info">附加信息:</label>
 <textarea name="addinfo" id="info"></textarea>
 </div>
</form>
效果預(yù)覽 ?

搜索輸入框

type="search" 類型的輸入框是在 HTML5 中新增的，它是為輸入搜索定義文本字段：

實(shí)例

 <form method="post" action="demo_form.php">
 <div data-role="fieldcontain">
 <label for="search">搜索:</label>
 <input type="search" name="search" id="search">
 </div>
</form>
效果預(yù)覽 ?

單選按鈕

當(dāng)用戶在有限數(shù)量的選擇中僅選取一個(gè)選項(xiàng)時(shí)，使用單選按鈕。

為了創(chuàng)建一系列單選按鈕，請(qǐng)?zhí)砑訋в?type="radio" 的 input 以及相應(yīng)的 label。把單選按鈕包圍在 <fieldset> 元素內(nèi)。您也可以添加一個(gè) <legend> 元素來(lái)定義 <fieldset> 的標(biāo)題。

提示：請(qǐng)使用 data-role="controlgroup" 來(lái)把按鈕組合在一起：

實(shí)例

 <form method="post" action="demo_form.php">
 <fieldset data-role="controlgroup">
 <legend>Choose your gender:</legend>
 <label for="male">Male</label>
 <input type="radio" name="gender" id="male" value="male">
 <label for="female">Female</label>
 <input type="radio" name="gender" id="female" value="female"> 
 </fieldset>
 </form>
效果預(yù)覽 ?

復(fù)選框

當(dāng)用戶在有限數(shù)量的選擇中選取一個(gè)或多個(gè)選項(xiàng)時(shí)，使用復(fù)選框：

實(shí)例

 <form method="post" action="demo_form.php">
 <fieldset data-role="controlgroup">
 <legend>Choose as many favorite colors as you'd like:</legend>
 <label for="red">Red</label>
 <input type="checkbox" name="favcolor" id="red" value="red">
 <label for="green">Green</label>
 <input type="checkbox" name="favcolor" id="green" value="green">
 <label for="blue">Blue</label>
 <input type="checkbox" name="favcolor" id="blue" value="blue"> 
 </fieldset>
</form>
效果預(yù)覽 ?

在線實(shí)例

如需水平組合單選按鈕或復(fù)選框，請(qǐng)使用 data-type="horizontal"：

實(shí)例

 <fieldset data-role="controlgroup" data-type="horizontal">
效果預(yù)覽 ?

您也可以用一個(gè) field 容器包圍 <fieldset>：

實(shí)例

 <div data-role="fieldcontain">
 <fieldset data-role="controlgroup">
 <legend>請(qǐng)選擇您的性別:</legend>
 </fieldset>
</div>
效果預(yù)覽 ?

如果您想要您的按鈕中的一個(gè)預(yù)先選中，請(qǐng)使用 HTML 中 <input> 的 checked 屬性：

實(shí)例

 <input type="radio" checked>
<input type="checkbox" checked>
效果預(yù)覽 ?
Previous article： Next article：