form表單
用于收集使用者資訊,如:登入、注冊等場景;所有要送出的資料都必須放在form标簽中
action:送出位址、動作,與input标簽中typy标簽的submit屬性相關聯。 ,送出位址是action的位址
method:送出方法,有get和post兩種送出方法。
get方法:送出資料可以再URL中看見,
例如:(1)以http://reg.email.163.com/unireg/call.do?cmd=register.entrance&from=126mail傳遞參數
(2)URL長度有限制,是以傳遞的參數資料就有限制
(3)由于資料可以看見,是以不安全
(4)網頁預設的請求是get
post方法:
1. 将form data 儲存在http的請求體
2. 沒有長度限制
3. 安全的
4. 往往在開發中用于送出資料form表單送出post
5. 檔案上傳 method = post enctype=multipart/form-data
input标簽:輸入框,是表單中最重要的部分
name:指定名字,因為送出的是鍵值對,是以必須要指定名字,否則無法送出,即使送出了也沒有意義
value:文本框的内容,一般用在不能輸入的類型中,如改變按鈕的名字等。
placeholder:占位内容,通常用于提示:
<
readonly:隻讀模式,設定後無法修改輸入框的内容
disabled:禁用狀态
<
size:由于輸入框是單行的,是以隻能設定寬度
maxlength:限制輸入框最大輸入的字元個數
type屬性:text:普通文本,标簽的預設屬性時text ,通常如輸入使用者名用的是text
passworld:密文文本,輸入的内容不顯示。如密碼輸入框
submit:送出按鈕。上文提到過,要與action一起用。
radio:單選框,多個關聯選項name屬性要一緻,需要設定value,預設選中用checked設定
:用于關聯單選按鈕與文字。
<
CheckBox:複選框,屬性與單選框類似
<
file:檔案上傳,需要進行配套設定。送出方法需要用post
hidden:隐藏字段,該字段根普通字段一樣,但是不會在頁面上顯示
<
除了輸入框外常用的還有下拉選擇框和文本域
select:下拉選擇框
屬性name需要設定
size:可以設定高度(選項個數)
每個選項都是一個option,必須指定value,預設選中使用屬性selected
<
textarea:文本域。
說明:可以輸入多行文本
屬性:
cols:列數(寬度)
rows:行數(高度)
注意:不要在标簽書寫任何多餘的内容
<
例子:
為了對齊友善使用table表格标簽來輔助對齊。
<