安河橋
yfjs
rsx
大家都好
rsx?>yf?
rsx&"?'
rsx??
RNG never give up
RNG never give up
RNG who is you winner
RNG圖片
回到頂部
target:
目前創(chuàng)新互聯(lián)公司已為上千余家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、橫縣網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
1.無序列表
type屬性:
2.有序列表
type屬性: start是從數(shù)字幾開始
Document
- rsx
- yf
- xy
- rsx
- yf
- xy
屬性:
Title
name
age
hobby
rsx
13
Python
yf
12
--
xy
14
GO
type屬性:
? text:普通文本輸入框
? password:密文
? date:日期選擇框
? radio:單選框
? checkbox:復(fù)選框
? submit:提交按鈕
? button:普通按鈕
? reset:重置
? file:文件上傳
? hidden:隱藏input框
Title
用戶名:
密碼:
男
女
1
2
3
4
功能:
表單用于向服務(wù)器傳輸數(shù)據(jù),從而實(shí)現(xiàn)用戶與Web服務(wù)器的交互
表單能夠包含input系列標(biāo)簽,比如文本字段、復(fù)選框、單選框、提交按鈕等等。
表單還可以包含textarea、select、fieldset和 label標(biāo)簽。
表單屬性
屬性 | 描述 |
---|---|
accept-charset | 規(guī)定在被提交表單中使用的字符集(默認(rèn):頁面字符集)。 |
action | 規(guī)定向何處提交表單的地址(URL)(提交頁面)。 |
autocomplete | 規(guī)定瀏覽器應(yīng)該自動(dòng)完成表單(默認(rèn):開啟)。 |
enctype | 規(guī)定被提交數(shù)據(jù)的編碼(默認(rèn):url-encoded)。 |
method | 規(guī)定在提交表單時(shí)所用的 HTTP 方法(默認(rèn):GET)。 |
name | 規(guī)定識別表單的名稱(對于 DOM 使用:document.forms.name)。 |
novalidate | 規(guī)定瀏覽器不驗(yàn)證表單。 |
target | 規(guī)定 action 屬性中地址的目標(biāo)(默認(rèn):_self)。 |
表單元素
基本概念:
HTML表單是HTML元素中較為復(fù)雜的部分,表單往往和腳本、動(dòng)態(tài)頁面、數(shù)據(jù)處理等功能相結(jié)合,因此它是制作動(dòng)態(tài)網(wǎng)站很重要的內(nèi)容。
表單一般用來收集用戶的輸入信息
表單工作原理:
訪問者在瀏覽有表單的網(wǎng)頁時(shí),可填寫必需的信息,然后按某個(gè)按鈕提交。這些信息通過Internet傳送到服務(wù)器上。
服務(wù)器上專門的程序?qū)@些數(shù)據(jù)進(jìn)行處理,如果有錯(cuò)誤會(huì)返回錯(cuò)誤信息,并要求糾正錯(cuò)誤。當(dāng)數(shù)據(jù)完整無誤后,服務(wù)器反饋一個(gè)輸入完成的信息。
點(diǎn)擊提交按鈕,input中type=submit的那個(gè)按鈕,然后就會(huì)將form表單中所有用戶輸入的內(nèi)容或者選擇的內(nèi)容({name屬性:值,})都發(fā)給服務(wù)端(以我們自己寫的那個(gè)socket舉例,打印一下接收的內(nèi)容),但是所有的輸入標(biāo)簽必須有一個(gè)叫做name的屬性。
發(fā)現(xiàn)跳到這個(gè)頁面了:看url的內(nèi)容,有了我們輸入的內(nèi)容,并且是給你組合起來的,name屬性值和你輸入的值組合到一起了,通過&符號分隔,并且在路徑那里加了個(gè)問號
打印一下socket接收的消息,你就發(fā)現(xiàn)已經(jīng)接受到這些數(shù)據(jù)了
讓用戶選擇的,必須指定一個(gè)value值,要不然后端接收不到內(nèi)容,用戶自己填寫的標(biāo)簽,不需要指定value值
然后再點(diǎn)擊提交,后端打印一下接收的數(shù)據(jù):
但是這樣并不好,因?yàn)閡rl中顯示了你的信息,并且如果內(nèi)容很多的話,你的地址欄不能夠輸入那么長的內(nèi)容,為什么會(huì)默認(rèn)拼接到url里面呢,因?yàn)閒orm表單默認(rèn)是get請求提交內(nèi)容,我們可以改為post,來看看:post會(huì)把所有你提交的信息封裝到一個(gè)消息體里面,在瀏覽器上就看不到了,對于小白來說,看著安全一些。
點(diǎn)擊提交就跳到這個(gè)網(wǎng)址了:
在看后端打印的內(nèi)容:
你會(huì)發(fā)現(xiàn)一個(gè)post請求:
把內(nèi)容往后拉,就能看到咱們提交的數(shù)據(jù)了
那么你看,你的瀏覽器再你點(diǎn)擊提交的時(shí)候,獲取了你所輸入的內(nèi)容,然后通過網(wǎng)絡(luò)提交給你的服務(wù)端代碼程序了。
然后我們后端通過提交過來的數(shù)據(jù),來做某些事情,該驗(yàn)證的驗(yàn)證,該保存的保存
所以記住form表單里面有兩個(gè)屬性:action控制往哪里提交數(shù)據(jù)、method控制用什么方式提交。
注意:
form表單提交數(shù)據(jù)的時(shí)候,必須有個(gè)submit按鈕
Title
用戶名:
密碼:
男
女
1
2
3
4