2011-07-28 21:37:29 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< title > jQuery Mobile Docs - Text Input options< / title >
< link rel = "stylesheet" href = "../../../themes/default/" / >
< link rel = "stylesheet" href = "../../_assets/css/jqm-docs.css" / >
< script src = "../../../js/jquery.js" > < / script >
< script src = "../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js" > < / script >
< script src = "../../_assets/js/jqm-docs.js" > < / script >
< script src = "../../../js/" > < / script >
< / head >
< body >
< div data-role = "page" class = "type-interior" >
< div data-role = "header" data-theme = "f" >
< h1 > Text inputs< / h1 >
< a href = "../../../" data-icon = "home" data-iconpos = "notext" data-direction = "reverse" class = "ui-btn-right jqm-home" > Home< / a >
< / div > <!-- /header -->
< div data-role = "content" >
< div class = "content-primary" >
< form action = "#" method = "get" >
< h2 > Text inputs< / h2 >
< ul data-role = "controlgroup" data-type = "horizontal" class = "localnav" >
< li > < a href = "index.html" data-role = "button" data-transition = "fade" > Basics< / a > < / li >
< li > < a href = "options.html" data-role = "button" data-transition = "fade" class = "ui-btn-active" > Options< / a > < / li >
< li > < a href = "methods.html" data-role = "button" data-transition = "fade" > Methods< / a > < / li >
< li > < a href = "events.html" data-role = "button" data-transition = "fade" > Events< / a > < / li >
< / ul >
< p > The text input plugin has the following options:< / p >
< dl >
< dt > < code > theme< / code > < em > string< / em > < / dt >
< dd >
< p class = "default" > default: null, inherited from parent< / p >
< p > Sets the theme swatch color scheme for the text input element. This is a single letter from a-z that maps to the swatches included in your theme. By default, a text input will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: < code > data-theme=" a" < / code > < / p >
< pre > < code > $('.selector').textinput(< strong > { theme: "a" }< / strong > );< / code > < / pre >
< / dd >
< / dl >
< / form >
< / div > <!-- /content - primary -->
< div class = "content-secondary" >
< div data-role = "collapsible" data-collapsed = "true" data-theme = "b" >
< h3 > More in this section< / h3 >
< ul data-role = "listview" data-theme = "c" data-dividertheme = "d" >
< li data-role = "list-divider" > Form elements< / li >
< li > < a href = "../docs-forms.html" > Form basics< / a > < / li >
< li > < a href = "../forms-all.html" > Form element gallery< / a > < / li >
< li data-theme = "a" > < a href = "index.html" > Text inputs< / a > < / li >
< li > < a href = "../forms-search.html" > Search inputs< / a > < / li >
< li > < a href = "../forms-slider.html" > Slider< / a > < / li >
< li > < a href = "../forms-switch.html" > Flip toggle switch< / a > < / li >
2011-07-29 20:59:06 +00:00
< li > < a href = "../radiobuttons/index.html" > Radio buttons< / a > < / li >
2011-07-29 22:37:57 +00:00
< li > < a href = "../checkboxes/index.html" > Checkboxes< / a > < / li >
2011-07-28 21:37:29 +00:00
< li > < a href = "../selects/index.html" > Select menus< / a > < / li >
< li > < a href = "../forms-themes.html" > Theming forms< / a > < / li >
< li > < a href = "../forms-all-native.html" > Native form elements< / a > < / li >
< li > < a href = "../forms-sample.html" > Submitting forms< / a > < / li >
< li > < a href = "../plugin-eventsmethods.html" > Plugin methods< / a > < / li >
< / ul >
< / div >
< / div >
< / div > <!-- /content -->
< div data-role = "footer" class = "footer-docs" data-theme = "c" >
< p > © 2011 The jQuery Project< / p >
< / div >
< / div > <!-- /page -->
< / body >
< / html >
