本節(jié)知識點(diǎn)

• autocomplete
• 折疊

(一) autocomplete

要是設(shè)置autocomplete="off"就表示瀏覽器自己不自動記住輸入的數(shù)據(jù)，而是清空以前的記錄

(二) 折疊

• data-toggle="collapse" data-target = "#content"

<button class="btn btn-primary" data-toggle="collapse" data-target="#content">點(diǎn)擊我收縮</button>
<div class="collapse" id="content">
     <div class="well">
       jQuery 語法是為 HTML 元素的選取編制的，可以對元素執(zhí)行某些操作。jQuery 語法是為 HTML 元素的選取編制的，可以對元素執(zhí)行某些操作。
       基礎(chǔ)語法是：$(selector).action()
         美元符號定義 jQuery
         選擇符（selector）“查詢”和“查找” HTML 元素
         jQuery 的 action() 執(zhí)行對元素的操作
     </div>
</div>

• 手風(fēng)琴式折疊(了解就好了)

<div class="panel-group" id="according">
    <!--第一部分開始-->
    <div class="panel panel-default">
        <div class="panel-heading">
           <h4 class="panel-title">
               <a href="#collapseone" data-toggle="collapse" data-parent="#according">點(diǎn)擊我展示，再點(diǎn)擊我折疊</a>
           </h4>
        </div>

        <div id="collapseone" class="panel-collapse collapse collapse in">
             <div class="panel-body">
                 這里是第一部分
             </div>
        </div>
    </div>
    <!--第一部分結(jié)束-->
    <!--第二部分開始-->
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a href="#collapsetwo" data-toggle="collapse" data-parent="#according">點(diǎn)擊我展示，再點(diǎn)擊我折疊</a>
            </h4>
        </div>

        <div id="collapsetwo" class="panel-collapse collapse collapse in">
            <div class="panel-body">
                這里是第二部分
            </div>
        </div>
    </div>
    <!--第二部分結(jié)束-->
    <!--第三部分開始-->
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a href="#collapsethree" data-toggle="collapse" data-parent="#according">點(diǎn)擊我展示，再點(diǎn)擊我折疊</a>
            </h4>
        </div>

        <div id="collapsethree" class="panel-collapse collapse collapse in">
            <div class="panel-body">
                這里是第三部分
            </div>
        </div>
    </div>
    <!--第三部分結(jié)束-->
</div>