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

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

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

    ……天天向上

    好的想法總是無窮無盡

    統計

    留言簿(1)

    閱讀排行榜

    評論排行榜

    來點HTML基礎-HTML表單(Forms)屬性及用法

    HTML表單(Form)是HTML的一個重要部分,主要用于采集和提交用戶輸入的信息。

    舉個簡單的例子,一個讓用戶輸入姓名的HTML表單(Form)。示例代碼如下:

    <form action="

    請輸入你的姓名:

    <input type="text" name="yourname">

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

    </form>

    學習HTML表單(Form)最關鍵要掌握的有三個要點:

    表單控件(Form Controls)
    Action
    Method
    先說表單控件(Form Controls),通過HTML表單的各種控件,用戶可以輸入文字信息,或者從選項中選擇,以及做提交的操作。比如上面的例句里,input type= "text"就是一個表單控件,表示一個單行輸入框。

    用戶填入表單的信息總是需要程序來進行處理,表單里的action就指明了處理表單信息的文件。比如上面例句里的http://www.linkzj.cn/asdocs/html_tutorials/yourname.asp

    至于method,表示了發送表單信息的方式。method有兩個值:get和post。get的方式是將表單控件的name/value信息經過編碼之后,通過URL發送(你可以在地址欄里看到)。而post則將表單的內容通過http發送,你在地址欄看不到表單的提交信息。那什么時候用get,什么時候用post呢?一般是這樣來判斷的,如果只是為取得和顯示數據,用get;一旦涉及數據的保存和更新,那么建議用post。

    HTML表單(Form)常用控件(Controls)
    HTML表單(Form)常用控件有:

    input type="text" 單行文本輸入框
    input type="submit" 將表單(Form)里的信息提交給表單里action所指向的文件
    input type="checkbox" 復選框
    input type="radio" 單選框
    select 下拉框
    textArea 多行文本輸入框
    input type="password" 密碼輸入框(輸入的文字用*表示)
    表單控件(Form Control):單行文本輸入框(input type="text")
    單行文本輸入框允許用戶輸入一些簡短的單行信息,比如用戶姓名
    。例句如下:

    <input type="text" name="yourname">

    表單控件(Form Control):
    復選框(input type="checkbox")
    復選框允許用戶在一組選項里,選擇多個。示例代碼:

    <input type="checkbox" name="fruit" value ="apple">蘋果<br>

    <input type="checkbox" name="fruit" value ="orange">桔子<br>

    <input type="checkbox" name="fruit" value ="mango">芒果<br>

    用checked表示缺省已選的選項。

    <input type="checkbox" name="fruit" value ="orange" checked>桔子<br>

    表單控件(Form Control):單選框(input type="radio")
    使用單選框,讓用戶在一組選項里只能選擇一個。示例代碼:

    <input type="radio" name="fruit" value = "Apple">蘋果<br>

    <input type="radio" name="fruit" value = "Orange">桔子<br>

    <input type="radio" name="fruit" value = "Mango">芒果<br>

    用checked表示缺省已選的選項。

    <input type="radio" name="fruit" value = "Orange" checked>桔子<br>

    表單控件(Form Control):下拉框(select)
    下拉框(Select)既可以用做單選,也可以用做復選。單選例句如下:

    <select name="fruit" >

    <option value="apple">蘋果

    <option value="orange">桔子

    <option value="mango">芒果

    </select>

    如果要變成復選,加muiltiple即可。用戶用Ctrl來實現多選。例句:

    <select name="fruit" multiple>

    用戶還可以用size屬性來改變下拉框(Select)的大小。

    表單控件(Form Control):多行輸入框(textarea)
    多行輸入框(textarea)主要用于輸入較長的文本信息。例句如下:

    <textarea name="yoursuggest" cols ="50" rows = "3"></textarea>

    其中cols表示textarea的寬度,rows表示textarea的高度。

    表單控件(Form Control):密碼輸入框(input type="password")
    密碼輸入框(input type="password")主要用于一些保密信息的輸入,比如密碼。因為用戶輸入的時候,顯示的不是輸入的內容,而是黑點符號。。例句如下:

    <input type="password" name="yourpw">

    表單控件(Form Control):提交(input type="submit")
    通過提交(input type=submit)可以將表單(Form)里的信息提交給表單里action所指向的文件。例句如下:

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

    表單控件(Form Control):圖片提交(input type="image")
    input type=image 相當于 input type=submit,不同的是,input type=image 以一個圖片作為表單的提交按鈕,其中 src 屬性表示圖片的路徑。

    <input type="image" src ="

    posted on 2012-06-07 09:29 japper 閱讀(916) 評論(0)  編輯  收藏 所屬分類: Java

    主站蜘蛛池模板: 青青草97国产精品免费观看| 精品免费久久久久久久| 二级毛片免费观看全程| 99精品视频在线免费观看 | 中文字幕无码精品亚洲资源网久久| 午夜肉伦伦影院久久精品免费看国产一区二区三区 | jizzjizz亚洲日本少妇| 久久精品乱子伦免费| 日本一道本高清免费| 亚洲国产人成在线观看69网站| 亚洲国产欧洲综合997久久| 色欲国产麻豆一精品一AV一免费| 国产伦精品一区二区三区免费下载| 亚洲最大的视频网站| 久久九九全国免费| 国产a v无码专区亚洲av| 亚洲一区二区三区国产精华液 | 亚洲三级在线免费观看| 亚洲国产最大av| 99精品在线免费观看| 亚洲国产中文在线二区三区免| 最好免费观看高清在线| 亚洲精品视频免费| 亚洲国产成人AV在线播放| 免费观看国产小粉嫩喷水| 岛国精品一区免费视频在线观看 | 久久精品亚洲AV久久久无码| 十八禁无码免费网站| 国产精品亚洲四区在线观看| 免费a级毛片永久免费| 亚洲AV无码成人精品区日韩| 欧美最猛性xxxxx免费| 亚洲国产成人久久精品app| 日本午夜免费福利视频| 丁香花在线观看免费观看图片| 亚洲理论片在线观看| 毛片免费全部播放无码| 亚洲精品亚洲人成在线观看麻豆| 成人免费无毒在线观看网站| 亚洲中文字幕一二三四区苍井空 | 女人张开腿等男人桶免费视频|