跟我學(xué)jquerymobile框架技術(shù)及應(yīng)用實例第8部分-資料下載頁
2024-11-06 11:39本頁面
【導(dǎo)讀】如需創(chuàng)建一個可折疊的內(nèi)容塊，需要為容器添加data-role="collapsible"屬性。內(nèi)，添加一個標(biāo)題元素以定義標(biāo)題，后跟想要進行擴展的HTML標(biāo)記。<p>默認(rèn)地，可折疊塊帶有包含外邊距的圓角，使用data-inset="false"可去掉圓角。添加data-content-theme="false"屬性可以取消內(nèi)容區(qū)域的外邊線。
【正文】 llapsible h3點擊我 我可以折疊！ /h3 p我是可折疊的內(nèi)容。 /p /div div datarole=collapsible h3點擊我 我可以折疊！ /h3 p我是可折疊的內(nèi)容。 /p /div div datarole=collapsible h3點擊我 我可以折疊！ /h3 p我是可折疊的內(nèi)容。 /p /div div datarole=collapsible h3點擊我 我可 以折疊！ /h3 p我是可折疊的內(nèi)容。 /p /div /div /div 楊教授工作室 精心創(chuàng) 作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 11/13 頁 楊教授工作室 精心創(chuàng) 作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 12/13 頁 可折疊表單 實現(xiàn)的原理 在代表表單的 form標(biāo)簽中的 fieldset 標(biāo)簽內(nèi)添加一個折疊面板，然后再定義出該表單的各個成員組件。 代碼示例 div datarole=page div datarole=header h1可折疊表單 /h1 /div div datarole=content form method=post action= fieldset datarole=collapsible legend點擊我 我可以折疊！ /legend label for=name全名： /label input type=text name=text id=name p喜愛的顏色： /p div datarole=controlgroup label for=red紅色 /label input type=checkbox name=favcolor id=red value=red label for=green綠色 /label input type=checkbox name=favcolor id=green value=green label for=blue藍(lán)色 /label input type=checkbox name=favcolor id=blue value=blue /div input type=submit datainline=true value=提交 /fieldset /form /div /div 執(zhí)行的效果 楊教授工作室 精心創(chuàng) 作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 13/13 頁
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1