表單:用於顯示 收集信息,並提交信息到服務器)
1.表單元素 <form ></form>
主要屬性:action: 當提交表單時，向何處發送表單數據,屬性值為一個URL
method:使用什么方式將表單數據發送到action屬性所規定的頁面(get post)
enctype:表單數據進行編碼的方式
name:表單名稱
2.表單控件:
(1).<input>元素用於收集用戶信息,為單標記.
主要屬性: type:根據不同的type屬性值，可以創建各種類型的輸入字段
value:控件的數據
name:控件的名稱
(2).文本框與密碼框:<input type="text" />
<input type="password" />
主要屬性: value: 由訪問者自由輸入的任何文本
maxlength;限制輸入的字符數
readonly:設置文本控件只讀
(3).單選框與復選框:單選框<input type="radio"/>
復選框<input type="checkbox"/>
主要屬性:value:文本,提交form時,選中此單選按鈕,則value被發送到服務器
name:用於實現分組,一組單選框或者復選框的名稱必須相同
checked:設置選中
(4).按鈕 提交按鈕<input type="submit"/>傳送表單數據到服務端或者其他程序處理
重置按鈕<input type="reset"/>清空表單內容並把所有表單空間設置為默認值
普通按鈕<input type="button"/>用於執行客戶端腳本(javascript將會用到)
主要屬性:value:按鈕的標題文本
(5).隱藏域和文件選擇框
隱藏域:<input type="hidden"/> 在表單中包含不希望用戶看見的信息
文件選擇框<input type="file"/> 選擇要上傳的文件
(6).<label></label>元素 將文本與控件聯系在一起后,單擊文本,效果與單擊控件一樣
eg: <body>
<form action="SaveData.aspx" method="post"><br />
<input type="checkbox" name="chkHid" id="chkHid" />
<label for="chkHid">不要公開我的信息</label>
</form>
</body>
(7).選項框 (下拉選項框和滾動列表)
select元素:使用其可創建選項框，並使用<option>元素創建其中的每一個選項
屬性有: name：為選項框命名.
disabled：禁用控件，該屬性的值為“disabled”。
size：值為1時是下拉選項框,值大於1時為滾動列表
multiple：允許用戶同時選擇多個選項。若無設置該屬性，則只能選擇一個選項。
<option>:<select>元素至少需要包含一個<option>元素,代表選項.
屬性有: value：選項的值。若被選中，該屬性的值會被發送給服務器。
disabled：規定某個選項應該被禁用。被禁用的選項既不可用，也不可點擊。
selected屬性:被預選的選項會顯示在下拉列表最前面的位置。
(8).<textarea>元素:用於創建多行的文本輸入控件，該文本區中可容納無限數量的文本
屬性有: name：設置控件的名稱，用於提供“名/值”對，以發送給服務器。
cols：cols屬性用於定義文本區的寬度（以平均字符數計）。
rows：rows屬性用於規定文本區的高度（以行數計）。
disabled：禁用控件,被禁用的文本區域控件既不可用，也不可點擊。
readonly屬性：規定多行文本框為只讀，無法對內容進行修改.
常用的一些表單控件
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。