前端基礎

Q1、form表單有什么作用?有哪些常用的input 標簽,分別有什么作用? ?

? ? ? A1-1: form表單用于將用戶輸入的各類型信息傳送到服務器

? ? ? ?A1-2:常用的input標簽及其作用


Q2:post 和 get 方式的區(qū)別?

? ? ?A2:

1、Get是用來從服務器上獲得數(shù)據(jù),而Post是用來向服務器上傳遞數(shù)據(jù)。

2、Get將表單中數(shù)據(jù)的按照variable=value的形式,添加到action所指向的URL后面,并且兩者使用“?”連接,而各個變量之間使用“&”連接;Post是將表單中的數(shù)據(jù)放在form的數(shù)據(jù)體中,按照變量和值相對應的方式,傳遞到action所指向URL。

3、Get是不安全的,因為在傳輸過程,數(shù)據(jù)被放在請求的URL中,而如今現(xiàn)有的很多服務器、代理服務器或者用戶代理都會將請求URL記錄到日志文件中,然后放在某個地方,這樣就可能會有一些隱私的信息被第三方看到。另外,用戶也可以在瀏覽器上直接看到提交的數(shù)據(jù),一些系統(tǒng)內(nèi)部消息將會一同顯示在用戶面前。Post的所有操作對用戶來說都是不可見的。

4、Get傳輸?shù)臄?shù)據(jù)量小,這主要是因為受URL長度限制;而Post可以傳輸大量的數(shù)據(jù),所以在上傳文件只能使用Post(當然還有一個原因,將在后面的提到)。

Q3:在input里,name 有什么作用?

? ? ?A3:name 屬性規(guī)定 input 元素的名稱。

name 屬性用于對提交到服務器后的表單數(shù)據(jù)進行標識,或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。

注釋:只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。

Q4:radio 如何 分組?

? ? ? A4:通過“name”對radio進行分組,相同的“name”分為同一組

Q5:placeholder 屬性有什么作用?

? ? ? A5:placeholder 屬性提供可描述輸入字段預期值的提示信息(hint)。

該提示會在輸入字段為空時顯示,并會在字段獲得焦點時消失。

注釋:placeholder 屬性適用于以下的 input?類型:text, search, url, telephone, email 以及 password。

Q6:type=hidden隱藏域有什么作用? 舉例說明

? ? ? A6:作用:1? 隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候,隱藏域的信息也被一起發(fā)送到服務器。

? ? ? ? ? ? 2 有些時候我們要給用戶一信息,讓他在提交表單時提交上來以確定用戶身份,如 ? ? ? ? ? ? ? ? ? ? ? ? ? ? sessionkey,等等.當然這些東西也能用cookie實現(xiàn),但使用隱藏域就簡單的多了.而且不 ? ? ? ? ? ?會有瀏覽器不支持,用戶禁用cookie的煩惱。

? ? ? ? ? ? 3 有些時候一個form里有多個提交按鈕,怎樣使程序能夠分清楚到底用戶是按那一個按鈕提 ? ? ? ? ? ? 交上來的呢?我們就可以寫一個隱藏域,然后在每一個按鈕處加上 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? onclick="document.form.command.value="xx""然后我們接到數(shù)據(jù)后先檢查command的值就 ? ? ? ? ? ? ? 會知道用戶是按的那個按鈕提交上來的。

? ? ? ? ? ? ?4 有時候一個網(wǎng)頁中有多個form,我們知道多個form是不能同時提交的,但有時這些form確 ? ? ? ? ? ? ?實相互作用,我們就可以在form中添加隱藏域來使它們聯(lián)系起來。

? ? ? ? ? ? ?5 javascript不支持全局變量,但有時我們必須用全局變量,我們就可以把值先存在隱藏域 ? ? ? ? ? ? ? 里,它的值就不會丟失了。

? ? ? ? ? ? ?6 比如按一個按鈕彈出四個小窗口,當點擊其中的一個小窗口時其他三個自動關閉.可是IE ? ? ? ? ? ? ?不支持小窗口相互調(diào)用,所以只有在父窗口寫個隱藏域,當小窗口看到那個隱藏域的值是 ? ? ? ? ? ? ? ? close時就自己關掉。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容