表單深入了解、註釋和a標簽的運用

<form action="#" method="post">
    <p>
        <!--在登錄時，一般用在用戶名-->
        文本：<input type="text"/>
    </p>
    <p>
        <!--在登錄時，一般用在密碼-->
        密碼：<input type="password"/>
    </p>
    <p>
        <!--在個人信息中，一般選擇你的愛好，性格等，多選
 
-->
        復選： 蘋果<input type="checkbox"/>
               西瓜<input type="checkbox"/>
    </p>
    <p>
        <!--單選的 name值必須一致 才能歸類成一類 單選-->
        單選：男<input name="gender" type="radio"/>
              女<input name="gender" type="radio"/>
    </p>
    <
 
p>
        <!--隱藏文本框，它存在，但看不見-->
        <input type="hidden"/>
    </p>
    <p>
        <!--下拉列表，我們還會用跟這個做三級浮動，比如 中國的 省、市、縣-->
       下拉列表： <select name="xiala" id="xiala">
            <option value="眼睛">眼睛</option>
            <option value="笑容">笑容</option>
            <option value="嘴巴">嘴巴</option>
        </select>
    </p>
    <p>
        <!--大家在評論或者發表的時候，就會用到這個，和文本框性質差不多，不過更合適用來寫文本內容-->
        多行文本：<textarea name="text" id="text" cols="30" rows="10"></textarea>
    </p>
    <p>
        <!--它是提交整個form表單，獲取這個表單裏面的 input select textarea 然後到action指向的地址-->
        提交按鈕：<input type="submit"/>
    </p>
</form>

<a href="http://www.baidu.com">百度</a>

<div id="top" style="height: 600px;background-color: #d6e9c6">我是頂部</div>
<div style="height: 600px;background-color: #b2dba1">我是中間內容</div>
<a href="#top">返回頂部</a>

第四篇 HTML 表單深入了解、註釋和a標簽的運用