<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Hopes

    Start Here..

     

    表單

    HTML4.01教程:表單


    html表單允許用戶在網頁中輸入各種信息,是用戶與網頁進行交互的最佳途徑。

    一、html表單

    html表單由<form>標簽定義,它定義了一個輸入區域。包括文本字段、復選框、單選框和提交按鈕等。

    一個簡單的html表單格式如下:

    <form action="../append/form_button.asp" method="get">   手機號碼:                            <!--輸入信息的說明-->   <input type="text" name="shouji" />  <!--表單控件(Form Controls)-->   <input type="submit" value="提交" /> <!--表單控件(Form Controls)--> </form>

    查看代碼效果:HTML4.01教程:表單示例

    上述代碼中,通過表單控件(Form Controls)輸入信息,用得最多的控件是input控件(<input>標簽)。用戶輸入的信息需要action屬性指定的文件名來處理,處理的方法由method屬性來決定。

    method屬性有兩個值:get和post。

    • get方法是將表單控件中的name和value信息經過編碼之后,通過URL發送的,在地址欄中可以看到發送的信息。
    • post方法是將表單中的內容通過http方式來發送的,在地址欄內看不到表單的提交信息。

    那么什么時候用get?什么時候用post呢?如果只是獲得或顯示數據,建議使用get方法;如果涉及數據的保存或更新,建議使用post方法。

    二、html表單(Form)的常用控件(Controls)

    在表單的輸入區域中最常用的控件如下:

    1. 單行文本輸入框(input type="text")

    在單行文本輸入框中可以輸入一些簡短的信息,如:數字、字母和漢字等。

    固定電話: <input type="text" name="dianhua" />

    查看代碼效果:HTML4.01教程:表單示例

    相關閱讀:HTML4.01<input>標簽type屬性

    2. 提交(input type="submit")

    <input type="submit" value="提交" />

    查看代碼效果:HTML4.01<input>標簽type屬性submit按鈕示例

    相關閱讀:HTML4.01<input>標簽type屬性

    3. 單選框(input type="radio")

    <input type="radio" name="vehicle" value="Bike" /> Bike <input type="radio" name="vehicle" value="Car" checked="checked" /> Car

    查看代碼效果:HTML4.01教程:表單單選框(input type="radio")示例

    提示:checked="checked"表示缺省已選的選項。

    相關閱讀:HTML4.01<input>標簽type屬性

    4. 復選框(input type="checkbox")

    <input type="checkbox" name="vehicle" value="Bike" /> Bike <input type="checkbox" name="vehicle" value="Car" checked="checked" /> Car

    查看代碼效果:HTML4.01<input>標簽type屬性checkbox按鈕示例

    提示:checked="checked"表示缺省已選的選項。

    相關閱讀:HTML4.01<input>標簽type屬性

    5. 下拉框(select)

    (1)一次選擇一項:

    <select name="vehicle" >   <option value="Bike">Bike   <option value="Car">Car </select>

    查看代碼效果:HTML4.01教程:表單下拉框(select)示例

    相關閱讀:HTML4.01<select>(Selection List:選擇列表)標簽

    (2)可以同時選擇多項:

    <select multiple="multiple" name="cars">

    查看代碼效果:HTML4.01教程:表單下拉框同時選擇多項(multiple)示例

    如果要使用復選,加muiltiple即可。按下Ctrl鍵即可實現多選。

    相關閱讀:HTML4.01<select>標簽multiple屬性

    6. 多行輸入框(textarea)

    <textarea cols="50" rows="5" name="cars"></textarea>

    查看代碼效果:HTML4.01教程:表單多行輸入框(textarea)示例

    相關閱讀:HTML4.01<textarea>(Multiline Text Input:多行文本輸入區)標簽

    7. 密碼輸入框(input type="password")

    <input type="password" name="pwd" />

    查看代碼效果:HTML4.01<input>標簽type屬性password按鈕示例

    相關閱讀:HTML4.01<input>標簽type屬性

    8. 圖片提交(input type="image")

    <input type="image" src="../append/20111004.jpg" alt="Submit" />

    查看代碼效果:HTML4.01<input>標簽src屬性示例

    相關閱讀:HTML4.01<input>標簽src屬性

    三、相關閱讀

    posted on 2012-07-30 16:39 ** 閱讀(168) 評論(0)  編輯  收藏


    只有注冊用戶登錄后才能發表評論。


    網站導航:
     

    導航

    統計

    公告

    你好!

    常用鏈接

    留言簿(2)

    隨筆檔案

    文章分類

    文章檔案

    新聞檔案

    相冊

    收藏夾

    C#學習

    友情鏈接

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 亚洲精品精华液一区二区| 97亚洲熟妇自偷自拍另类图片 | 久久综合九色综合97免费下载 | 亚洲高清偷拍一区二区三区| 亚洲国产精品无码久久久秋霞1| 四虎国产精品免费久久| 国产精品亚洲自在线播放页码| 日韩精品无码区免费专区| 亚洲人成电影网站久久| 在线观看人成网站深夜免费| 亚洲色大成网站WWW国产| 国产精品深夜福利免费观看| 男男gvh肉在线观看免费| 国产成人精品日本亚洲专区61| 久久免费视频一区| 久久久无码精品亚洲日韩京东传媒| 精品无码无人网站免费视频| 亚洲一线产区二线产区精华| 成全高清视频免费观看| 美女视频黄频a免费| 亚洲色WWW成人永久网址| 一级毛片在线免费看| 亚洲毛片基地4455ww| 亚洲AV日韩精品一区二区三区| 中文字幕成人免费高清在线| 亚洲小视频在线观看| 噜噜嘿在线视频免费观看| 全黄A免费一级毛片| 亚洲Av熟妇高潮30p| 在线播放高清国语自产拍免费| 搜日本一区二区三区免费高清视频| 亚洲日韩精品无码专区网址| 91免费人成网站在线观看18| 亚洲AV无码XXX麻豆艾秋| 精品久久久久久亚洲| 成人免费毛片内射美女-百度| 日本精品久久久久久久久免费| 亚洲精品国产成人专区| 国产精品黄页在线播放免费| 久久aa毛片免费播放嗯啊| 黑人粗长大战亚洲女2021国产精品成人免费视频 |