今天了解下使用與瀏覽者交互的表單標簽
1.form標簽:表單是可以把瀏覽者輸入的數據傳送到服務器端,這樣服務器端程序就可以處理表單傳過來的數據。
語法:<form method="傳送方式" action=服務器文件“><form>
解釋:(1)<form>標簽是成對出現的,以開始,以結束。
(2)action:瀏覽者輸入的數據被傳送到的地方,比如一個PHP頁面(save.php)。
(3)method:數據傳送方式
2.文本輸入框、密碼輸入框
語法:
<form>
<input type="text/password" name="名稱" value=”文本“>
</form>
解釋:
(1)、type:
當type="text"時,輸入框為文本輸入框;
當type="password"時,輸入框為密碼輸入框。
(2)、name:為文本框命名,以備后臺程序ASP 、PHP使用。
(3)、value:為文本輸入框設置默認值。(一般起到提示作用)
3.文本域,支持多行文本輸入
語法:<textarea ?rows="行數" cols="列數">文本</textarea>
4.單選框與復選框,讓用戶選擇
使用表單設計調查表時,為了減少用戶的操作,使用選擇框是一個好主意,html中有兩種選擇框,即單選框和復選框,兩者的區別是單選框中的選項用戶只能選擇一項,而復選框中用戶可以任意選擇多項,甚至全選。
<input type="radio/checkbox" value="值" name="名稱" checked="checked"/>
(1)、type:
當type="radio"時,控件為單選框
當type="checkbox"時,控件為復選框
(2)、value:提交數據到服務器的值(后臺程序PHP使用)
(3)、name:為控件命名,以備后臺程序 ASP、PHP 使用
(4)、checked:當設置 checked="checked" 時,該選項被默認選中
4.使用下拉列表框實現單選
<option value="提交值">選項</option>
注意:提交值指提交到服務器的值
若設置selected="selected"屬性,則該選項被默認選中
5.使用下拉列表框實現多選
在<select>標簽中設置multiple=”multiple“屬性可以實現多選功能
6.使用提交按鈕,提交數據
語法:<input type="submit" value="提交">
type:只有當type值設置為submit時,按鈕才有提交作用
value:按鈕上顯示的文字
7.使用重置按鈕,重置表單內容
<input type="reset" value="重置">
8.form表單中的label標簽
介紹:label標簽不會向用戶呈現任何特殊效果,它的作用是為鼠標用戶改進了可用性。如果你在 label 標簽內點擊文本,就會觸發此控件。就是說,當用戶單擊選中該label標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上(就自動選中和該label標簽相關連的表單控件上)。
語法:<label for="控件id名稱">
注意:標簽的for 屬性中的值應當與相關控件的id 屬性值一定要相同。
舉例:<form>
<lable for="male">男</lable>
<input type="radio" name="gender" id="mail"/>
</form>