1. 表單標(biāo)記
<form>...</form>
俘种。表單提交時的內(nèi)容就是<form>
表單中的內(nèi)容掂之。
-
基本格式
<form action="服務(wù)器端地址(接受表單內(nèi)容的地址)" name="表單名稱" method="post|get"> ...</form>
-
常用屬性
name
(表單名稱)-
method
(傳送數(shù)據(jù)的方式世澜,分為post和get)-
get
暴露在url中仇箱,不具備保密性蚌讼,長度限制為8192字符。
-
post
將表單中的數(shù)據(jù)一并包含在表單主體中岔冀,一起傳送到服務(wù)器中處理凯旭,沒有大小限制。
-
-
action
表單數(shù)據(jù)的處理程序的url地址使套,如果為空則使用當(dāng)前文檔的url地址罐呼,如果不需要該屬性則指定為
no
。 enctype
(編碼方式)?target
(指定目標(biāo)窗口)
-
2. 文本域和密碼
<input>
標(biāo)記
-
基本語法
`<input type="" name="" value="" size="" maxlength="">`
-
屬性介紹
-
type
type
有兩個值:1.text
(文本輸入域)和2.password
(密碼輸入域) -
name
控件的名稱
-
value
初始化值侦高,打開瀏覽器時嫉柴,文本框中的內(nèi)容。
-
size
控件長度
-
maxlength
最大輸入字?jǐn)?shù)
-
-
3. 提交奉呛、重置计螺、普通按鈕
- 提交按鈕 (
<input type="submit">
) - 重置按鈕 (
<input type="reset">
) - 普通按鈕 (
<input type="button">
)
4. 單選框和復(fù)選框
- 當(dāng)
<input type="radio">
時夯尽,為單選框 - 當(dāng)
<input type="checkbox">
時,為復(fù)選框
注意: 單選框和復(fù)選框都可以使用
"checked"
屬性來設(shè)置默認(rèn)選中項登馒。
5. 隱藏域
當(dāng)<input type="hidden">
時匙握,為隱藏表單域。
6. 多行文本域
-
語法格式:
<textarea name="name" rows="value" cols="value" value="value">... ...</textarea>
rows
屬性和cols
屬性分別來指定顯示的行數(shù)和列數(shù)谊娇,單位是字符個數(shù)肺孤。
7. 菜單下拉列表域
-
語法格式:
<select name="name" size="value" multiple> <option value="value" selected>選項1</option> <option value="value">選項2</option> <option value="value">選項3</option> ... </select>
-
option
標(biāo)記用來標(biāo)記用來指定列表中的一個選項,需要放在
<select>
和</select>
之間济欢。-
value
給選項賦值赠堵,指定傳送到服務(wù)器上面的值
-
selected
指定默認(rèn)的選項。(單選情況下沒有時法褥,默認(rèn)選中第一個)
-