4 回答

TA貢獻1797條經驗 獲得超6個贊
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腳本或者取消輸入,還可以用表單按鈕來控制其他定義了處理腳本的處理工作。
- 4 回答
- 0 關注
- 2309 瀏覽
相關問題推薦
添加回答
舉報