HTML5data属性说明Word文件下载.docx

1、data-shadowdata-themeswatch letter （a-z）Multiple buttons can be wrapped in a container with a data-role=controlgroup attribute for a vertically grouped set. Add the data-type=horizontal attribute for the buttons to sit side-by-side. Add the data-mini=true to get the mini/compact sized version for al

2、l the buttons that appear in the controlgroup. Pairs of labels and inputs with type=checkbox are auto-enhanced, no data-role requireddata-rolenone - Prevents auto-enhancement to use native controlswatch letter （a-z） - Added to the form elementMultiple checkboxes can be wrapped in a container with a

3、data-role= attribute for the checkboxes to sit side-by-side. Add the data-mini= to get the mini/compact sized version for all the checkboxes that appear in the controlgroup. A heading and content wrapped in a container with the data-role=collapsibledata-collapseddata-collapsed-icondata-content-theme

4、data-expanded-iconleft | right | top | bottomdata-insetA number of collapsibles wrapped in a container with the data-role=collapsible-setswatch letter （a-z） - Sets all collapsibles in setContainer with data-role=contentDIV or FIELDSET container with data-role=. Visually integrate multiple button-sty

5、led inputs of a single type （, , , ） into a group. For grouping form checkboxes and radio buttons, the fieldset container is recommended inside a div container with the data-role=fieldcontain, to improve label styling.true | false - Compact sized version for all items in the controlgroupdata-typehor

6、izontal | vertical - For horizontal or vertical item alignmentdialog or linked to with data-rel= on the anchor.data-close-btn-textstring - Text for the close button, dialog onlydata-dom-cachedata-overlay-themeswatch letter （a-z） - Overlay theme when the page is opened in a dialogdata-titlestring - T

7、itle used when page is shownContainer with data-enhance=false or data-ajax=data-enhancedata-ajaxAny DOM elements inside a data-enhance= container, save for data-role=page|dialog elements, will be ignored during initial enhancement and subsequent create events provided that the $. flag is set prior t

8、o the enhancement （eg in a mobileinit binding）.Any link or form element inside data-ajax= containers will be ignored by the frameworks navigation functionality when $. is set to true. wrapped around label/form element pairheader or data-role=footer plus the attribute data-position=fixeddata-disable-

9、page-zoomtrue | false - User-scaling-ability for pages with fixed toolbarsdata-fullscreentrue | false - Setting toolbars over the page-contentdata-tap-toggletrue | false - Ability to toggle toolbar-visibility on user tap/clickdata-transitionslide | fade | none - Show/hide-transition when a tap/click

10、 occursdata-update-page-paddingtrue | false - Have the page top and bottom padding updated on resize, transition, updatelayout events （the framework always updates the padding on the pageshow event）.data-visible-on-page-showtrue | false - Toolbar-visibility when parent page is shownSelect with data-

11、role=slider and two option elementdata-track-themedata-idstring - Unique ID. Required for persistent footersdata-positionfixedtrue | false - Used in conjunction with fixed toolbarsstring - Unique ID. Required for persistent headersLinks, including those with a data-role=, and form submit buttons sha

12、re these attributesdata-directionreverse - Reverse transition animation （only for page or dialog）data-prefetchdata-relback - To move one step back in historydialog - To open link styled as dialog, not tracked in historyexternal - For linking to another domainpopup - For opening a popupfade | flip |

13、flow | pop | slide | slidedown | slidefade | slideup | turn | nonedata-position-toorigin - Centers the popup over the link that opens itjQuery selector - Centers the popup over the specified elementwindow - Centers the popup in the windowNote: option only available when used with popups. See also: p

14、opup .OL or UL with data-role=listviewdata-autodividersdata-count-themeswatch letter （a-z） - Default cdata-divider-themebdata-filterdata-filter-placeholderstringdata-filter-themedata-header-themedata-split-icondata-split-themeLI within a listviewdata-filtertextstring - Filter by this value instead o

15、f inner texthome | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search | falselist-dividerThe data-icon attribute is only applicable for a listview item if it contains a link.A number of LIs wrapped in

16、 a container with data-role=navbarTo add icons to the navbar items, the data-icon attribute is used, specifying a standard mobile icon for each item.Navbars inherit the theme-swatch from their parent container. Setting the data-theme attribute to a navbar is not supported. The data-theme attribute c

17、an be set individually to the links inside a navbar.pagedata-add-back-btntrue | false - Auto add back button, header onlydata-back-btn-textdata-back-btn-themetrue | false - Used in conjunction with fixed toolbars Deprecated in - use on header and footer instead.data-urlurl - Value for updating the U

18、RL, instead of the url used to request the pagepopupnull （transparent background）swatch letter （a-z） | none - Default inherited, none sets the popup to transparentdata-tolerance30, 15, 30, 15 - Distance from the edges of the window （top, right, bottom, left）Anchor with a data-rel= opens the popupfade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none - The transit