您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)html中表單指的是什么意思的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧。
在html中,表單是一個(gè)包含表單元素的區(qū)域,主要用于收集不同類(lèi)型的用戶(hù)輸入,需要使用表單標(biāo)簽form來(lái)定義;而表單元素是允許用戶(hù)在表單中輸入內(nèi)容的控件,比如輸入標(biāo)簽(input)、文本域(textarea)等等。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
表單是一個(gè)包含表單元素的區(qū)域。
表單元素是允許用戶(hù)在表單中輸入內(nèi)容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)、復(fù)選框(checkboxes)等等。
表單通過(guò)<form>標(biāo)簽來(lái)創(chuàng)建,其中放置表單的對(duì)象,如表單域、按鈕和其他事物:
<form> .... 表單元素 .... </form>
常見(jiàn)的表單元素
1、input 輸入標(biāo)簽
多數(shù)情況下被用到的表單標(biāo)簽是輸入標(biāo)簽(<input>)。
<input type="text" >
<input> 元素根據(jù)不同的 type 屬性,可以變化為多種形態(tài)。
值 | 描述 |
---|---|
button | 定義可點(diǎn)擊的按鈕(通常與 JavaScript 一起使用來(lái)啟動(dòng)腳本)。 |
checkbox | 定義復(fù)選框。 |
color | 定義拾色器。 |
date | 定義 date 控件(包括年、月、日,不包括時(shí)間)。 |
datetime | 定義 date 和 time 控件(包括年、月、日、時(shí)、分、秒、幾分之一秒,基于 UTC 時(shí)區(qū))。 |
datetime-local | 定義 date 和 time 控件(包括年、月、日、時(shí)、分、秒、幾分之一秒,不帶時(shí)區(qū))。 |
定義用于 e-mail 地址的字段。 | |
file | 定義文件選擇字段和 "瀏覽..." 按鈕,供文件上傳。 |
hidden | 定義隱藏輸入字段。 |
image | 定義圖像作為提交按鈕。 |
month | 定義 month 和 year 控件(不帶時(shí)區(qū))。 |
number | 定義用于輸入數(shù)字的字段。 |
password | 定義密碼字段(字段中的字符會(huì)被遮蔽)。 |
radio | 定義單選按鈕。 |
range | 定義用于精確值不重要的輸入數(shù)字的控件(比如 slider 控件)。 |
reset | 定義重置按鈕(重置所有的表單值為默認(rèn)值)。 |
search | 定義用于輸入搜索字符串的文本字段。 |
submit | 定義提交按鈕。 |
tel | 定義用于輸入電話(huà)號(hào)碼的字段。 |
text | 默認(rèn)。定義一個(gè)單行的文本字段(默認(rèn)寬度為 20 個(gè)字符)。 |
time | 定義用于輸入時(shí)間的控件(不帶時(shí)區(qū))。 |
url | 定義用于輸入 URL 的字段。 |
week | 定義 week 和 year 控件(不帶時(shí)區(qū))。 |
2、textarea 文本域
<textarea> 元素定義多行輸入字段(文本域):
<textarea name="message" rows="10" cols="30"> The cat was playing in the garden. </textarea>
3、button 按鈕
<button> 元素定義可點(diǎn)擊的按鈕:
4、select 下拉列表,option待選擇的選項(xiàng)
<select> 元素定義下拉列表,<option> 元素定義待選擇的選項(xiàng)。
<select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select>
下拉列表通常會(huì)把首個(gè)選項(xiàng)顯示為被選選項(xiàng)。但可以通過(guò)添加 selected 屬性來(lái)定義預(yù)定義選項(xiàng)。
感謝各位的閱讀!關(guān)于“html中表單指的是什么意思”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。