跟我學(xué)jquerymobile框架技術(shù)及應(yīng)用實(shí)例第7部分(完整版)
【正文】 left optionChoose a few options:/option optgroup label=USPS option value=standard selectedStandard: 7 day/option option value=rushRush: 3 days/option option value=expressExpress: next day/option option value=overnightOvernight/option /optgroup optgroup label=FedEx option value=firstOvernightFirst Overnight/option option value=expressSaverExpress Saver/option option value=groundGround/option /optgroup /select /div 在火狐瀏覽器中不能正確的使用。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 9/17 頁(yè) 在 fieldset標(biāo)簽中用 datarole=controlgroup 屬性來(lái)組合這些按鈕。當(dāng)小于 480px 時(shí)， label 會(huì)被放置于表單元素之上。該 id 在站點(diǎn)的頁(yè)面中必須是唯一的。這是因?yàn)? jQuery Mobile 的單頁(yè)面導(dǎo)航模型允許許多不同的“頁(yè)面”同時(shí)呈現(xiàn)；每個(gè)表單元素必須有一個(gè)標(biāo)記（ label）。 實(shí)現(xiàn)的方法 （ 1）應(yīng)用 CSS 樣式實(shí)現(xiàn) div class=uifieldcontain label for=studentNameInputTagID學(xué)生姓名 /label input type=text id=studentNameInputTagID name=studentName placeholder=輸入您推薦的學(xué)生姓名（一個(gè)學(xué)生名字在一個(gè)學(xué)校內(nèi)只能錄入一次，再次錄入將提示學(xué)生已報(bào)名） autoplete=on dataclearbtn=true value= /div （ 2） 采用 datarole=fieldcontain 屬性定義 采用帶有 datarole=fieldcontain 屬性的 div 或 fieldset 元素來(lái)包裝 label 或表單元素，下面為代碼示例： div datarole=fieldcontain label for=studentNameInputTagID學(xué)生姓名 /label input type=text id=studentNameInputTagID name=studentName placeholder=輸入您推薦的學(xué)生姓名（一個(gè)學(xué)生名字在一個(gè)學(xué)校內(nèi)只能錄入一次，再次錄入將提示學(xué)生已報(bào)名） autoplete=on dataclearbtn=true value= /div 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 4/17 頁(yè) 表單中的元素 —— 按鈕 表單中的元素 —— Slide Slide 滑塊的主要作用 Slide 滑塊允許使用者從一定范圍內(nèi)的數(shù)字中選取值，如需創(chuàng)建滑塊，請(qǐng)使用 input type=range。 水平擺放 如需對(duì)單選框或復(fù)選框進(jìn)行水平分組，請(qǐng)?jiān)?fieldset標(biāo)簽中用 datatype=horizontal 屬性。而如需在選擇菜單中選取多個(gè)選項(xiàng)，請(qǐng)?jiān)? select 元素中使用 multiple 屬性。實(shí)例： input type=range datahightlight=true 表單中的元素 —— 切換開(kāi)關(guān)（ Flip switch） 切換開(kāi)關(guān)的主要作用 切換開(kāi)關(guān)常用于開(kāi) /關(guān)或?qū)?/錯(cuò)按鈕，如需創(chuàng)建切換，請(qǐng)使用 datarole=slider 的 select 元素，并添加兩個(gè) option 元素。 如需隱藏 label，請(qǐng)使用類 uihiddenaccessible。 表單的 ID 必須要保持唯一性 the id attributes of form controls need to be not only unique on a given page, but also unique across the pages in a site. This is because jQuery Mobile39。如果不需要應(yīng)用 AJAX 的方式進(jìn)行表單提交，則可以在 form標(biāo)簽中應(yīng)用 dataajax=false屬性。在 fieldset 元素中包裝單選按鈕。 form method=post action= fieldset datarole=fieldcontain label for=day選擇天 /label select name=day id=day datanativemenu=false option value=mon星期一 /option option value=tue星期二 /option option value=wed星期三 /option option value=thu星期四 /option option value=fri星期五 /option option value=sat星期六 /option option value=sun星期日 /option /select /fieldset input type=submit datainline=true value=提交 /form 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 14/17 頁(yè) 表單中的元素 —— 文本輸入框（ input） 單行文本輸入框 div datademohtml=true label for=textbasicText input:/label input type=text name=textbasic id=textbasic value= /div! /demohtml 多行文本輸入框
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1