관리 메뉴

moozi

3/28 jQueryMobile 본문

TIS_2018/응용sw2018_1기

3/28 jQueryMobile

moozi 2018. 3. 28. 10:28

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>jQueryMobile</title>

    <!-- jQueryMobile CSS ------------------------->

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />

    <!-- jQuery ------------------------------------>

    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

    <!-- jQueryMobile javascript-------------------->

    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>


</head>

<body>

    <div data-role="page">

        <div data-role="header">

           <a href="#">Home</a>

           <a href="#">prev</a>

            <h3>TIS정보기술교육센터</h3>

            

        </div>

        <div data-role="ui-content">

            <h3>TIS정보기술교육센터</h3>

            <a href="#" class="ui-btn ui-btn-inline">Anchor</a>

            <button class="ui-btn ui-btn-inline ui-icon-carat-l ui-btn-icon-left">Button</button>

            <a href="#" class="ui-btn ui-corner-all">Anchor</a>

            <button class="ui-btn ui-corner-all">Button</button>

            <a href="#" class="ui-btn ui-shadow">Anchor</a>

            <button class="ui-btn ui-shadow">Button</button>

            <form>

                <label>

                    <input type="checkbox" name="checkbox-0 ">Check me

                </label>

            </form>

            <form>

                <label>

                    <input type="radio" name="radio-choice-0" id="radio-choice-0a">One

                </label>

                <label for="radio-choice-0b">Two</label>

                <input type="radio" name="radio-choice-0" id="radio-choice-0b" class="custom">

            </form>

            <form>

                <fieldset data-role="controlgroup">

                    <legend>Vertical:</legend>

                    <input type="radio" name="radio-choice-v-2" id="radio-choice-v-2a" value="on" checked="checked">

                    <label for="radio-choice-v-2a">One</label>

                    <input type="radio" name="radio-choice-v-2" id="radio-choice-v-2b" value="off">

                    <label for="radio-choice-v-2b">Two</label>

                    <input type="radio" name="radio-choice-v-2" id="radio-choice-v-2c" value="other">

                    <label for="radio-choice-v-2c">Three</label>

                </fieldset>

            </form>

            <form>

                <input type="text" data-role="date">

                <fieldset data-role="controlgroup" data-type="horizontal">

                    <legend>Horizontal:</legend>

                    <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2a" value="on" checked="checked">

                    <label for="radio-choice-h-2a">One</label>

                    <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2b" value="off">

                    <label for="radio-choice-h-2b">Two</label>

                    <input type="radio" name="radio-choice-h-2" id="radio-choice-h-2c" value="other">

                    <label for="radio-choice-h-2c">Three</label>

                </fieldset>

                <div data-role="collapsible">

                    <h4>Heading</h4>

                    <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>

                </div>

               <label for="slider2">Flip switch:</label>

                <select name="slider2" id="slider2" data-role="slider">

                    <option value="off">Off</option>

                    <option value="on">On</option>

                </select>

            </form>

            <div class="ui-grid-a">

                <div class="ui-block-a">a</div>

                <div class="ui-block-b">b</div>

            </div>

            <div class="ui-grid-b">

                <div class="ui-block-a">a</div>

                <div class="ui-block-b">b</div>

                <div class="ui-block-c">c</div>

            </div>

        </div>

        <div data-role="footer">

            &copy;TIS.Edu. All rights reserved.

        </div>

        

    </div>

</body>

</html>

'TIS_2018 > 응용sw2018_1기' 카테고리의 다른 글

3/28 movie  (0) 2018.03.28
map.html  (0) 2018.03.28
html연습문제06  (0) 2018.03.27
css submenu  (0) 2018.03.27
css selector  (0) 2018.03.27
Comments