十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
這篇文章主要講解了“web前端中表單的作用是什么”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“web前端中表單的作用是什么”吧!
公司主營(yíng)業(yè)務(wù):做網(wǎng)站、網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對(duì)我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出尚志免費(fèi)做網(wǎng)站回饋大家。
表單的作用有兩個(gè):1、對(duì)于用戶而言是數(shù)據(jù)錄入和提交的界面;2、對(duì)于網(wǎng)站而言是獲取用戶信息的途徑。一個(gè)表單有三個(gè)基本組成部分:1、表單標(biāo)簽,包含了處理表單數(shù)據(jù)所用CGI程序的URL以及數(shù)據(jù)提交到服務(wù)器的方法;2、表單域,包含了文本框、密碼框、隱藏域、多行文本框等;3、表單按鈕,包含了提交按鈕、復(fù)位按鈕和一般按鈕,用于將數(shù)據(jù)傳送到服務(wù)器上的CGI腳本或者取消輸入等。
web前端中的表單
表單,在網(wǎng)頁(yè)中的作用不可小視,主要負(fù)責(zé)數(shù)據(jù)采集的功能,比如你可以采集訪問者的名字和e-mail地址、調(diào)查表、留言簿等等。
表單的作用:
表單對(duì)于用戶而言是數(shù)據(jù)錄入和提交的界面;
表單對(duì)于網(wǎng)站而言是獲取用戶信息的途徑。
一個(gè)表單有三個(gè)基本組成部分:
表單標(biāo)簽:這里面包含了處理表單數(shù)據(jù)所用CGI程序的URL以及數(shù)據(jù)提交到服務(wù)器的方法。
表單域:包含了文本框、密碼框、隱藏域、多行文本框、復(fù)選框、單選框、下拉選擇框和文件上傳框等。
表單按鈕:包括提交按鈕、復(fù)位按鈕和一般按鈕;用于將數(shù)據(jù)傳送到服務(wù)器上的CGI腳本或者取消輸入,還可以用表單按鈕來控制其他定義了處理腳本的處理工作。
表單標(biāo)簽
form標(biāo)簽用于創(chuàng)建供用戶輸入的HTML表單(表單域),以實(shí)現(xiàn)用戶信息的收集和傳遞,form中的所有內(nèi)容都會(huì)被提交給服務(wù)器。
form表單域中可以包含各種交互控件--控件標(biāo)簽(文本字段、復(fù)選框、單選框、提交按鈕等等),比如< input>、< button>、< select>、< textarea>等標(biāo)簽。
method提交方式常用的4種:
get 一般用來查詢信息
post 一般用來新增信息
put 一般用來修改信息
delete 一般用來刪除信息
表單域和表單按鈕
input 輸入的意思
標(biāo)簽為單標(biāo)簽
type屬性設(shè)置不同的屬性值用來指定不同的控件類型
除了type屬性還有別的屬性
type="text"為普通輸入框 value為里面的值 name和id會(huì)在寫js的時(shí)候用
input標(biāo)簽的一些屬性:
checked屬性只有單選框和復(fù)選框才有
屬性 | 屬性值 | 描述 |
---|---|---|
type | Text | 單行文本輸入框 |
Password | 密碼輸入框 | |
Radio | 單選按鈕 | |
Checkbox | 復(fù)選框 | |
Button | 普通按鈕 | |
Submit | 提交按鈕 | |
Reset | 重置按鈕 | |
Image | 圖像形式的提交按鈕 | |
File | 文本域 | |
name | 空間的名稱 | |
value | input控件中的默認(rèn)文本值 | |
size | input控件在頁(yè)面中的顯示寬度 | |
checked | 定義選擇空間默認(rèn)被選中的項(xiàng) | |
Maxlength | 控件允許輸入的最多字符數(shù) |
name相同的單選框智能選擇一個(gè)
男
女
多選框可以選取多個(gè)
愛好:
抽煙
喝酒
燙頭
普通按鈕可以根據(jù)需求來用js添加功能
提交按鈕會(huì)把輸入的表單信息提交到form表單的action地址
重置按鈕會(huì)把表單信息重置為默認(rèn)
下拉框標(biāo)簽有點(diǎn)特殊,不是input的屬性而是一個(gè)單獨(dú)的標(biāo)簽
感謝各位的閱讀,以上就是“web前端中表單的作用是什么”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對(duì)web前端中表單的作用是什么這一問題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!