start iot with jquerymobile - 기초5
TRANSCRIPT
![Page 1: Start IoT with jQueryMobile - 기초5](https://reader031.vdocuments.site/reader031/viewer/2022022202/587993271a28ab95318b5f65/html5/thumbnails/1.jpg)
Welcome to
jQueryMobile Fundamental 5
![Page 2: Start IoT with jQueryMobile - 기초5](https://reader031.vdocuments.site/reader031/viewer/2022022202/587993271a28ab95318b5f65/html5/thumbnails/2.jpg)
1. Table
2. Filter
3. Button
4. Grid
5. Checkbox
6. Radio button
jQueryMobile
Fundamental 5
Based on http://demos.jquerymobile.com/1.4.0/
![Page 3: Start IoT with jQueryMobile - 기초5](https://reader031.vdocuments.site/reader031/viewer/2022022202/587993271a28ab95318b5f65/html5/thumbnails/3.jpg)
Table jQueryMobile Fundamental 5
The reflow table mode works by collapsing the table columns into a
stacked presentation that looks like blocks of label/data pairs for
each row
Header
Content
![Page 4: Start IoT with jQueryMobile - 기초5](https://reader031.vdocuments.site/reader031/viewer/2022022202/587993271a28ab95318b5f65/html5/thumbnails/4.jpg)
Filter jQueryMobile Fundamental 5
The children of any element can be filtered by setting the attribute
data-filter="true" on the element. By default, the text contained in
each child is used for filtering, setting the attribute data-filtertext
Tab
Real Content
![Page 5: Start IoT with jQueryMobile - 기초5](https://reader031.vdocuments.site/reader031/viewer/2022022202/587993271a28ab95318b5f65/html5/thumbnails/5.jpg)
Button jQueryMobile Fundamental 5
Add classes to style a and button elements. input buttons are
enhanced by the button widget
![Page 6: Start IoT with jQueryMobile - 기초5](https://reader031.vdocuments.site/reader031/viewer/2022022202/587993271a28ab95318b5f65/html5/thumbnails/6.jpg)
Grid jQueryMobile Fundamental 5
Grids are 100% width, completely invisible and don't have padding or
margins without interfere Within the grid container, child elements
are assigned ui-block-a/b/c/d/e
![Page 7: Start IoT with jQueryMobile - 기초5](https://reader031.vdocuments.site/reader031/viewer/2022022202/587993271a28ab95318b5f65/html5/thumbnails/7.jpg)
Checkbox jQueryMobile Fundamental 5
Checkbox inputs are used to provide a list of options where more
than one can be selected. Checkbox buttons are enhanced by the
checkboxradio widget
![Page 8: Start IoT with jQueryMobile - 기초5](https://reader031.vdocuments.site/reader031/viewer/2022022202/587993271a28ab95318b5f65/html5/thumbnails/8.jpg)
Radio button jQueryMobile Fundamental 5
Radio inputs are used to provide a list of options where only a single
option can be selected. Radio buttons are enhanced by the
checkboxradio widget
![Page 9: Start IoT with jQueryMobile - 기초5](https://reader031.vdocuments.site/reader031/viewer/2022022202/587993271a28ab95318b5f65/html5/thumbnails/9.jpg)
Expand your dimension!
Let’s Start!