『壹』 html表單元素有哪些
HTML中常用的表單元素包括:文本區域(TEXTAREA),列表框(SELECT),文本輸入框(INPUT type=text),密碼輸入框(INPUT type=password),單選輸入框(INPUT type=radio),復選輸入框(INPUT type=checkbox),重置按鈕、提交按鈕、隱藏域、等等。
一、文本域<input type="text" name="text" value="" />
二、密碼域
密碼跟文本框類似,但是在裡面輸入的內容顯示為圓點。
<input type="password" name="text" value="" />
三、單選按鈕
男人:<input type="radio" name="sex" value="male" /> Male<br />
女人:<input type="radio" name="sex" value="female" /> Female
四、復選框
<input type="checkbox" name="check1" value="" />
五、按鈕
<input type="button" value="確認" />
六、重置按鈕
當點擊重置按鈕時,重置按鈕所在的表單將全部清空,而其他表單不受影響。<input type="reset" value="重置" />
七、提交按鈕
當點擊提交按鈕時,瀏覽器將自動提交表單。<input type="submit" value="提交" />
八、隱藏域
隱藏域在瀏覽器中並不顯示,僅僅為保存一些不太重要的資料而存在。<input type="hidden" value="我是一個隱藏域" />
九、上傳域<input type="file" value="" />
十、圖片按鈕<input type="image" src="123.gif" />
十一、下拉列表<select>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
例如:
屬性:disabled,可選值:disabled,說明:規定禁用該下拉列表。
十二、label
abel 元素不會向用戶呈現任何特殊效果。不過,它為滑鼠用戶改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控制項。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控制項上。例如,當將單選按鈕放在label內。則點擊label內的文字也會觸發單選按鈕,而不必只是點中小圓點。
例如:
<label><input type="radio" name="male" />男人</label></p>
<label><input type="radio" name="male" />女人</label></p>
十三、禁用(disabled)與只讀(readonly)
禁用和只讀屬性。readonly只針對input(text / password)和textarea有效,而disabled對於所有的表單元素都有效,包括select, radio, checkbox, button等。但是表單元素在使用了disabled後,當我們將表單以POST或GET的方式提交的話,這個元素的值不會被傳遞出去,而readonly會將該值傳遞出去。
禁用文本框:<input type="text" disabled="disabled" />
只讀文本框: <input type="text" readonly="readonly" /></form>
十四、TextArea
十五、fieldset 定義域
fieldset用於給表單元素分組,legend用於設置分組標題。
『貳』 什麼是表單,表單中包括哪些常用元素各有什麼作用
表單在網頁中主要負責數據採集功能。
一個表單有三個基本組成部分:
表單標簽:這裡麵包含了處理表單數據所用CGI程序的URL以及數據提交到伺服器的方法。
表單域:包含了文本框、密碼框、隱藏域、多行文本框、復選框、單選框、下拉選擇框和文件上傳框等。
表單按鈕:包括提交按鈕、復位按鈕和一般按鈕;用於將數據傳送到伺服器上的CGI腳本或者取消輸入,還可以用表單按鈕來控制其他定義了處理腳本的處理工作。
(2)用來輸入密碼的表單域是擴展閱讀
多行文本框是一種讓訪問者自己輸入內容的表單對象,只不過能讓訪問者填寫較長的內容。
屬性解釋:
name屬性定義多行文本框的名稱,要保證數據的准確採集,必須定義一個獨一無二的名稱;cols屬性定義多行文本框的寬度,單位是單個字元寬度;rows屬性定義多行文本框的高度,單位是單個字元寬度;wrap屬性定義輸入內容大於文本域時顯示的方式,可選值如下:
默認值是文本自動換行;當輸入內容超過文本域的右邊界時會自動轉到下一行,而數據在被提交處理時自動換行的地方不會有換行符出現。
Off,用來避免文本換行,當輸入的內容超過文本域右邊界時,文本將向左滾動,必須用Return才能將插入點移到下一行; Virtual,允許文本自動換行。 Physical,讓文本換行,當數據被提交處理時換行符也將被一起提交處理。