1.form 標簽
1)作用
<form></form>定義表單的開始位置和結束位置,表單提交時的內容就是<form>表單中的內容
2)基本格式
<form action="服務器端地址(接受表單內容的地址)" name="表單名稱" method="post|get">...</form>
3)常用屬性
1.name
表單名稱
2.method
傳送數據的方式,分為post和get兩種方式:
- get方式:get方式提交時,會將表單的內容附加在URL地址的后面,所以限制了提交的內容的長度,不超過8192個字符,且不具備保密性。
- post方式:post方式提交時,將表單中的數據一并包含在表單主體中,一起傳送到服務器中處理,沒有數據大小限制。
3.action
表單數據的處理程序的URL地址,如果為空則使用當前文檔的URL地址,如果表單中不需要使用action屬性也要指定其屬性為”no“。
4.enctype
設置表單的資料的編碼方式。屬性值:
- application/x-www-form-urlencoded:在發送前編碼所有字符(默認)
- multipart/form-data:不對字符編碼。在使用包含文件上傳控件的表單時,必須使用該值。
- text/plain:空格轉換為 “+” 加號,但不對特殊字符編碼。
5.target
和超鏈接的屬于類似,用來指定目標窗口。
2.input 標簽
1)注意
input 標記沒有結束標記。
2)基本語法
<input type="" name="" value="" size="" maxlength="">
3)屬性
1.type屬性
- text:文本輸入域
- password:密碼輸入域
- submit:提交按鈕
- reset:重置按鈕
- button:普通按鈕
- radio:單選按鈕,可以使用”checked“屬性來設置默認選中項
- checkbox:復選框,可以使用”checked“屬性來設置默認選中項
- hidden:隱藏表單域
- file:文件域
2.name屬性
定義控件的名稱
3.value屬性
初始化值,打開瀏覽器時,文本框中的內容
4.size屬性
設置控件的長度
5.maxlength屬性
輸入框中最大允許輸入的字符數
3.textarea 標簽
1)作用
使用 textarea 標記可以實現一個能夠輸入多行文本的區域。
2)語法格式
rows屬性和cols屬性分別用來指定,顯示的行數和列數,單位是字符個數;value指定傳送到服務器上面的值。
<textarea name="name" rows="value" cols="value" value="value">... ... </textarea>
4.select 標簽
1)作用
菜單下拉列表域,生成一個下拉列表。
2)option 標簽
作用:
option 標記用來指定列表中的一個選項,需要放在 select 之間。
值:
- value:給選項賦值,指定傳送到服務器上面的值。
- selected:指定默認的選項。
3)語法格式
<select name="" size="value" multiple> <option value="value1" selected>選項1</option> <option value="value2">選項2</option> <option value="value3">選項3</option> ... ... ...</select>
4)屬性
- multiple屬性:multiple屬性不用賦值,其作用是,表示用可以多選的下來列表,如果沒有這個屬性就只能單選。
- size屬性:設置列表的高度。
- name屬性:定義這個列表的名稱。
5.label 標簽
1)作用
用于綁定一個表單元素, 當點擊label標簽的時候, 被綁定的表單元素就會獲得輸入焦點
2)語法
<label for="male">Male</label><input type="radio" name="sex" id="male">
6.舉例
<form name="form" method="post" action="no" enctype="multipart/form-data"> <label for="male">賬號:</label><input type="text" name="username" value="admin" id="male"><br> 密碼:<input type="password" name="password" size="50" maxlength="6"><br> 性別:<input type="radio" name="sex" value="男"> 男 <input type="radio" name="sex" value="女" checked="checked"> 女<br> 興趣:<input type="checkbox" name="interest" value="籃球">籃球 <input type="checkbox" name="interest" value="足球" checked="checked">足球 <input type="checkbox" name="interest" value="羽毛球" checked="checked">羽毛球 <input type="hidden" name="hidden"><br> 頭像:<input type="file" name="file"><br> 簡介: <textarea rows="10" cols="30"> </textarea><br> 城市: <select name="city" multiple> <option value="beijing">北京</option> <option value="shanghai" selected>上海</option> <option value="nanjing">南京</option> <option value="guangdong">廣東</option> </select> <br> <input type="submit" value="注冊"> <input type="reset"> <input type="button" value="普通按鈕"></form>


版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。
發表評論
請登錄后評論...
登錄后才能評論