表單標籤:
語法: <form method="傳送方式" action="服務器文件">
講解: 1.<form> :<form>標籤是成對出現的,以<form>開始,以</form>結束。
2.action :瀏覽者輸入的數據被傳送到的地方,比如一個PHP頁面(save.php)。
3.method : 數據傳送的方式(get/post)。
文本輸入框、密碼輸入框:
語法: <form><input type="text/password" name="名稱" value="文本" /></form>
講解: 1、type:當type="text"時,輸入框爲文本輸入框;當type="password"時, 輸入框爲密碼輸入框。
2、name:爲文本框命名,以備後臺程序ASP 、PHP使用。
3、value:爲文本輸入框設置默認值。(一般起到提示作用)
文本域,多行文本輸入:
語法: <textarea rows="行數" cols="列數">文本</textarea>
講解: 1、<textarea>標籤是成對出現的,以<textarea>開始,以</textarea>結束。
2、cols :多行輸入域的列數。
3、rows :多行輸入域的行數。
4、在<textarea></textarea>標籤之間可以輸入默認值。
單選框、複選框:
語法: <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" 時,該選項被默認選中
下拉列表框:
語法: <select>
<option value ="1">Volvo</option>
<option value ="2" selected="selected">Saab</option>
</select>
講解: select是顯示一個下拉列表出來,<select>標籤中設置multiple="multiple" 就可以實現多選功能
option是下拉列表中的項目,option的文本內容是下拉列表項目中顯示到頁面上的值,
value是真正需要提交到服務端的值。
option中的參數:selected="selected" 如果需要打開頁面就默認選中某個option,需要用到selected參數:
disabled="disabled" 如果需要禁用某個項目,但是卻又不想隱藏,可以使用disabled屬性
title 如果需要在鼠標放到某個項目上時,給出提示,可以使用title屬性
語法: <select>
<optgroup label="Swedish Cars">
<option value="1">Volvo</option>
<option value="2">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="3">Mercedes</option>
<option value="4">Audi</option>
</optgroup>
</select>
講解: 下拉列表包含一個“項目組”,這個組是無法選擇的
使用label標籤標記字面內容,真正起作用的,還是value屬性。
提交按鈕,重置按鈕:
語法: <input type="submit" value="提交">
講解: type:只有當type值設置爲submit時,按鈕纔有提交作用
value:按鈕上顯示的文字
語法: <input type="reset" value="重置">
講解: type:只有當type值設置爲reset時,按鈕纔有重置作用
value:按鈕上顯示的文字
label標籤:
語法: <label for="控件id名稱">
講解: label標籤不會向用戶呈現任何特殊效果,它的作用是爲鼠標用戶改進了可用性。
如果你在 label 標籤內點擊文本,就會觸發此控件。
當用戶單擊選中該label標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控件上(就自動選中和該label標籤相關連的表單控件上)。
html標籤(表單)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.