一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

HTML表單(Forms)

 小明 2006-10-30

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

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

  <form action="http://www./asdocs/html_tutorials/yourname.asp" method="get">
  請(qǐng)輸入你的姓名:
  <input type="text" name="yourname">
  <input type="submit" value="提交">
  </form>

  演示示例

學(xué)習(xí)HTML表單(Form)最關(guān)鍵要掌握的有三個(gè)要點(diǎn):

  • 表單控件(Form Controls)
  • Action
  • Method

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

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

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

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

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

表單控件(Form Contros) 說明
input type="text" 單行文本輸入框
input type="submit" 將表單(Form)里的信息提交給表單里action所指向的文件
input type="checkbox" 復(fù)選框
input type="radio" 單選框
select 下拉框
textArea 多行文本輸入框
input type="password" 密碼輸入框(輸入的文字用*表示)

表單控件(Form Control):單行文本輸入框(input type="text")

  單行文本輸入框允許用戶輸入一些簡短的單行信息,比如用戶姓名。例句如下:

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

  演示示例

表單控件(Form Control):復(fù)選框(input type="checkbox")

  復(fù)選框允許用戶在一組選項(xiàng)里,選擇多個(gè)。示例代碼:

  <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表示缺省已選的選項(xiàng)。

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

  演示示例

表單控件(Form Control):單選框(input type="radio")

  使用單選框,讓用戶在一組選項(xiàng)里只能選擇一個(gè)。示例代碼:

  <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表示缺省已選的選項(xiàng)。

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

  演示示例

表單控件(Form Control):下拉框(select)

  下拉框(Select)既可以用做單選,也可以用做復(fù)選。單選例句如下:

  <select name="fruit" >
    <option value="apple">蘋果
    <option value="orange">桔子
    <option value="mango">芒果
  </select>

  演示示例

  如果要變成復(fù)選,加muiltiple即可。用戶用Ctrl來實(shí)現(xiàn)多選。例句:

  <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")主要用于一些保密信息的輸入,比如密碼。因?yàn)橛脩糨斎氲臅r(shí)候,顯示的不是輸入的內(nèi)容,而是黑點(diǎn)符號(hào)。。例句如下:

  <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 相當(dāng)于 input type=submit,不同的是,input type=image 以一個(gè)圖片作為表單的提交按鈕,其中 src 屬性表示圖片的路徑。

  <input type="image" src ="http://www./images/icons/go.gif" 
  alt = "提交" NAME="imgsubmit">

  演示示例

 

  如何編寫 ASP 網(wǎng)頁獲取 HTML 表單的提交信息,請(qǐng)參見教程:ASP和HTML表單。

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多

    亚洲中文字幕人妻av| 国产日韩欧美在线亚洲| 久久精品国产亚洲av麻豆| 亚洲综合激情另类专区老铁性| 国产成人在线一区二区三区| 欧美精品女同一区二区| 欧美激情一区二区亚洲专区| 在线观看免费视频你懂的| 国产午夜福利不卡片在线观看| 91欧美激情在线视频| 日韩亚洲精品国产第二页| 日本妇女高清一区二区三区| 午夜精品在线视频一区| 欧美亚洲另类久久久精品| 99久久人妻中文字幕| 日韩一区二区免费在线观看| 久久热麻豆国产精品视频| 超碰在线免费公开中国黄片| 亚洲午夜精品视频观看| 日韩精品福利在线观看| 午夜日韩在线观看视频| 亚洲第一视频少妇人妻系列| 国产欧美一区二区另类精品| 国产欧美日韩精品成人专区| 亚洲中文字幕有码在线观看| 日韩夫妻午夜性生活视频| 五月天婷亚洲天婷综合网| 夫妻性生活黄色录像视频| 老司机精品视频免费入口| 日本丁香婷婷欧美激情| 欧美丝袜诱惑一区二区| 欧美性高清一区二区三区视频| 国产成人免费激情视频| 91人妻丝袜一区二区三区| 久久精品免费视看国产成人| 2019年国产最新视频| 在线观看中文字幕91| 一区二区福利在线视频| 国产成人免费激情视频| 国产又色又爽又黄又免费| 亚洲中文字幕视频在线播放|

    AI助手

    阅读时有疑惑?点击向AI助手提问吧

    联系客服

    微信扫码,添加客服企业微信

    客服QQ:

    1732698931

    联系电话:4000-999-276

    客服工作时间9:00-18:00,晚上非工作时间,请在微信或QQ留言,第二天客服上班后会立即联系您。