4 回答

TA貢獻(xiàn)1797條經(jīng)驗 獲得超6個贊
HTML中常用的表單元素包括:文本區(qū)域(TEXTAREA),列表框(SELECT),文本輸入框(INPUT type=text),密碼輸入框(INPUT type=password),單選輸入框(INPUT type=radio),復(fù)選輸入框(INPUT type=checkbox),重置按鈕、提交按鈕、隱藏域、等等。
一、文本域<input type="text" name="text" value="" />
二、密碼域
密碼跟文本框類似,但是在里面輸入的內(nèi)容顯示為圓點。<input type="password" name="text" value="" />
三、單選按鈕
男人:<input type="radio" name="sex" value="male" /> Male<br />女人:<input type="radio" name="sex" value="female" /> Female
四、復(fù)選框
<input type="checkbox" name="check1" value="" />
五、按鈕
<input type="button" value="確認(rèn)" />
六、重置按鈕
當(dāng)點擊重置按鈕時,重置按鈕所在的表單將全部清空,而其他表單不受影響。<input type="reset" value="重置" />
七、提交按鈕
當(dāng)點擊提交按鈕時,瀏覽器將自動提交表單。<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 ,說明:規(guī)定禁用該下拉列表。
十二、label
abel 元素不會向用戶呈現(xiàn)任何特殊效果。不過,它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點擊文本,就會觸發(fā)此控件。就是說,當(dāng)用戶選擇該標(biāo)簽時,瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。例如,當(dāng)將單選按鈕放在label內(nèi)。則點擊label內(nèi)的文字也會觸發(fā)單選按鈕,而不必只是點中小圓點。
例如:
<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后,當(dāng)我們將表單以POST或GET的方式提交的話,這個元素的值不會被傳遞出去,而readonly會將該值傳遞出去。
禁用文本框:<input type="text" disabled="disabled" />
只讀文本框: <input type="text" readonly="readonly" /></form>
十四、TextArea
十五、fieldset 定義域fieldset用于給表單元素分組,legend用于設(shè)置分組標(biāo)題。
表單在網(wǎng)頁中主要負(fù)責(zé)數(shù)據(jù)采集功能。一個表單有三個基本組成部分: 表單標(biāo)簽,這里面包含了處理表單數(shù)據(jù)所用CGI程序的URL以及數(shù)據(jù)提交到服務(wù)器的方法。表單域,包含了文本框、密碼框、隱藏域、多行文本框、復(fù)選框、單選框、下拉選擇框和文件上傳框等。表單按鈕,包括提交按鈕、復(fù)位按鈕和一般按鈕;用于將數(shù)據(jù)傳送到服務(wù)器上的CGI腳本或者取消輸入,還可以用表單按鈕來控制其他定義了處理腳本的處理工作。
添加回答
舉報