1. form表單有什么作用气堕?有哪些常用的input 標簽流纹,分別有什么作用拆挥?
- 作用:
HTML通過form標簽創(chuàng)建表單為用戶提供文本字段薄霜、復選框、單選框纸兔、提交按鈕等向服務(wù)器傳輸數(shù)據(jù)惰瓜。
type 規(guī)定 input 元素的類型。
src 定義以提交按鈕形式顯示的圖像的 URL汉矿。
checked 規(guī)定此 input 元素首次加載時應當被選中崎坊。
value 規(guī)定 input 元素的值。
name 定義 input 元素的名稱洲拇。 - 常用的input標簽:
type="text"規(guī)定輸入文本信息
type="password"規(guī)定輸入密碼
type="radio"規(guī)定單選框樣式
type="checkbox"規(guī)定復選框
type="button"規(guī)定按鈕
type="submit"規(guī)定提交命令
selecl標簽規(guī)定下拉菜單
textarea規(guī)定文本域
fieldset規(guī)定表單的外框
2. post 和 get 方式的區(qū)別奈揍?
- get:
查詢或提交字符串(名稱/值對)是在url中發(fā)送的,長度有限制
請求可能被緩存赋续、保留在cookie中及收藏為書簽
請求不應處理敏感數(shù)據(jù) - 查詢或提交字符串(名稱/值對)是在請求的http消息主體中發(fā)送的男翰,長度沒有限制
post請求不會緩存、不保留在cookie中及不會收藏為書簽
適用于處理敏感數(shù)據(jù)(password等數(shù)據(jù))
POST /test/demo_form.asp HTTP/1.1
Host: w3schools.com
name1=value1&name2=value2
3. 在input里纽乱,name 有什么作用蛾绎?
- name屬性規(guī)定input元素的名稱,常用于對提交到服務(wù)器后的表單數(shù)據(jù)進行標識或在客戶端通過Javascript引用表單數(shù)據(jù),注意只有設(shè)置了name屬性的表單元素才能在提交表單時傳遞數(shù)據(jù)租冠!
- 注意input標簽中name與value的區(qū)別
- value屬性為input元素設(shè)定type不同而有不同的定義
- type="text"和"password"的value屬性會顯示初始值
- type="radio"和"checkbox"的value屬性定義與輸入相關(guān)聯(lián)的值
- type="button"鹏倘、"reset"和"submit"的value屬性定義按鈕的名稱
4. <button>提交</button>、<a class="btn" href="#">提交</a>顽爹、<input type="submit" value="提交"> 三者有什么區(qū)別纤泵?
- 可以嵌入不同樣式的按鈕風格,但不添加js將不具備實際功能
- 本質(zhì)上是一個進入特定url的超鏈接
- 具備實際提交功能的按鈕话原,數(shù)據(jù)會發(fā)送到表單的 action 屬性中指定的頁面夕吻,但是其風格固定且不能嵌入圖片等素材
5. radio 如何分組?
在單選框中,通常將同一組的name屬性賦予相同值即可實現(xiàn)分組
<input type="radio" name="person" value="Tom">Tom
<input type="radio" name="person" value="Mike">Mike
<input type="radio" name="person" value="Jack">Jack
6. placeholder 屬性有什么作用?
placeholder 屬性提供可描述輸入字段預期值的提示信息(hint)繁仁。
該提示會在輸入字段為空時顯示涉馅,并會在字段獲得焦點時消失。
.
7. type=hidden隱藏域有什么作用? 舉例說明
隱藏域在頁面中對于用戶是不可見的黄虱,在表單中插入隱藏域的目的在于收集或發(fā)送信息稚矿,以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候捻浦,隱藏域的信息也被一起發(fā)送到服務(wù)器晤揣。