跟我學(xué)jquerymobile框架技術(shù)及應(yīng)用實(shí)例第7部分-資料下載頁(yè)
2024-11-07 15:11本頁(yè)面
【導(dǎo)讀】加樣式），讓它們看起來(lái)更具吸引力，觸摸起來(lái)更具友好性。該id在站點(diǎn)的頁(yè)面中必須是唯一的。這是因?yàn)閖QueryMobile的單頁(yè)面導(dǎo)航模型允許。許多不同的“頁(yè)面”同時(shí)呈現(xiàn)；每個(gè)表單元素必須有一個(gè)標(biāo)記。如需隱藏label，請(qǐng)使用類(lèi)ui-hidden-accessible。這很常用，當(dāng)需要元素的placeholder屬。文本框、搜索框、單選框、復(fù)選框、選擇菜單、滑動(dòng)條、翻轉(zhuǎn)切換開(kāi)關(guān)。如果不需要應(yīng)用AJAX的方式進(jìn)行表單提交，則可以在<form>標(biāo)簽中應(yīng)。當(dāng)頁(yè)面寬度大于480px時(shí)，它會(huì)自動(dòng)將label與表單控件放置于同一行。只能錄入一次，再次錄入將提示學(xué)生已報(bào)名）"autoplete="on"data-clear-btn="true"
【正文】 tademohtml=true label for=textareaTextarea:/label textarea cols=40 rows=8 name=textarea id=textarea/textarea /div! /demohtml 只能輸入數(shù)字 div datademohtml=true label for=numberpatternNumber + [09]* pattern:/label input type=number name=number pattern=[09]* id=numberpattern value= /div! /demohtml 輸入日期 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 15/17 頁(yè) div datademohtml=true label for=dateDate:/label input type=date name=date id=date value= /div! /demohtml 輸入電話(huà)號(hào)碼 div datademohtml=true label for=telTel:/label input type=tel name=tel id=tel value= /div! /demohtml 搜索輸入框 div datademohtml=true label for=searchSearch Input:/label input type=search name=password id=search value= placeholder=Placeholder text... /div! /demohtml 文件上傳選擇框 div datademohtml=true label for=fileFile:/label input type=file name=file id=file value= /div! /demohtml 密碼輸入框 div datademohtml=true label for=passwordPassword:/label input type=password name=password id=password value= autoplete=off /div 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 16/17 頁(yè) 單行組合 —— 添加 uifieldcontain 類(lèi)樣式 div datademohtml=true div class=uifieldcontain label for=textinputfc賬號(hào) /label input type=text name=textinputfc id=textinputfc placeholder=輸入賬號(hào) value= /div /div!/demohtml div datademohtml=true div class=uifieldcontain label for=selectnativefc下拉選擇框 /label select name=selectnativefc id=selectnativefc option value=smallOne/option option value=mediumTwo/option option value=largeThree/option /select /div 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 17/17 頁(yè) /div 小尺寸的組件 —— 添加 datamini=true屬性 div datademohtml=true div class=uifieldcontain label for=textinput5Text Input:/label input type=text name=textinput5 id=textinput5 placeholder=Text input value= datamini=true /div /div 1 帶圖標(biāo)的組件 div datademohtml=true fieldset datarole=controlgroup datatype=horizontal legendHorizontal controlgroup, buttons:/legend button class=uishadow uibtn uicornerall uiiconhome uibtniconrightOne/button input type=button dataicon=back dataiconpos=right value=Two a href= class=uishadow uibtn uicornerall uiicongrid uibtniconrightThree/a /fieldset /div
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1