HTML的表單form以及form內(nèi)部標簽的使用

字號:


    代碼如下:
    <html>
    <head>
    <title> form表單的使用 </title>
    <!--
    標簽名稱:form 表單標簽
    屬性:action:提交的去向,目標地址的url
    method:設(shè)置提交請求的方式,get和post;默認為get
    get和post提交有什么區(qū)別?------------------------
    get傳輸:將內(nèi)容信息放在地址欄傳輸,而且長度限制在1k,而且安全性不好。
    post傳輸:將內(nèi)容房子body信息中傳輸。沒有長度限制。
    子標簽:
    input標簽:需要提交其中的value,必須有一個name屬性。
    屬性:type:password 等
    //------------
    通過下面的實例的演示,發(fā)現(xiàn)在某些情況下可以用form去做鏈接,而且做鏈接的同時還能提交數(shù)據(jù)到
    這個目標的地址文件上。
    fieldset標簽:定義域
    legend標簽:定義域的標題
    -->
    </head>
    <body>
    <fieldset>
    <legend>form表單標簽,子標簽實例:</legend>
    <form action="01列表.html" method="get">
    <table width="800px">
    <tr>
    列表標簽:
    <select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat" selected="selected">Fiat</option>
    <option value="audi">Audi</option>
    </select>
    </tr>
    <tr>
    復(fù)選框?qū)嵗?BR>    我喜歡自行車:
    <input type="checkbox" name="Bike">
    我喜歡汽車:
    <input type="checkbox" name="Car">
    </tr>
    <tr>
    單選按鈕:
    男性:
    <input type="radio" checked="checked" name="Sex" value="male">
    女性:
    <input type="radio" name="Sex" value="female">
    </form>
    <p>當用戶點擊一個單選按鈕時,該按鈕會變?yōu)檫x中狀態(tài),其他所有按鈕會變?yōu)榉沁x中狀態(tài)。</p>
    </tr>
    <tr>
    文本域:
    <textarea rows="10" cols="30">文本域標簽的使用</textarea>
    </tr>
    <tr>
    </tr>
    <tr>
    </tr>
    <tr>
    <td>賬號:</td>
    <td>
    <input name="userid">
    </td>
    </tr>
    <tr>
    <td>密碼:</td>
    <td>
    <input name="pwd">
    </td>
    </tr>
    <tr>
    <td>
    <input type="submit" value="確認提交"/>
    </td>
    <td>
    <input type="reset" value="重置"/>
    </td>
    </tr>
    </table>
    </form>
    </fieldset>
    </body>
    </html>
    只要是有name和value屬性的標簽都可以放在form內(nèi)部,同時也可以將這些標簽的數(shù)據(jù)提交到另一個url。
    詳細出處參考:http://www.jb51.net/web/160718.html