form標(biāo)簽里面的東西
二、效果圖!DOCTYPE html html head title Form.html /title meta name= keywords content= keyword1,keyword2,keyword3 meta name= description content= this is my page meta name= content-type content= text/html; charset=UTF-8 !-- link rel= stylesheet type= text/css href= ./styles.css -- /head body This is my HTML page. form action= !-- 必須要有name和value屬性,不然服務(wù)器無(wú)法獲取數(shù)據(jù),name是組件的名字, name是提交服務(wù)器是服務(wù)對(duì)這個(gè)數(shù)據(jù)的鍵值,value是這個(gè)組件的值 輸入名稱(chēng): input type= text name= user value= br / 輸入密碼: input type= password name= pwd / br / !-- checked是默認(rèn)選擇,默認(rèn)選擇女,用戶(hù)少點(diǎn)一步,很方便,后面還有selected也是默認(rèn)選擇的意思 -- 選擇性別: input type= radio name= sex value= nan / 男 input type= radio name= sex value= nv checked= checked / 女 br / 選擇技術(shù): input type= checkbox name= tech value= java / JAVA input type= checkbox name= tech value= html / HTML input type= checkbox name= tech value= css / CSS br / !-- 選擇文件這個(gè)功能特別方便 -- 選擇文件: input type= file name= file / br / !-- 圖片組件,擁有提交功能 ,在我們需要用自制的提交按鈕時(shí)用,畢竟默認(rèn)的太丑 -- 一個(gè)圖案: input type= image src= 11.jpg / br / !-- 隱藏組件,數(shù)據(jù)用戶(hù)不需要知道,但是可以將其提交到服務(wù)器,比如你算出來(lái)的數(shù)據(jù) -- 隱藏組件: input type= hidden name= myke value= nyvalue / br / !-- 用于自定義功能的按鈕組件, quot;alert( 有個(gè)按鈕 ) ,單雙引號(hào)嵌套,alert彈出對(duì)話框 -- 一個(gè)按鈕: input type= button value= 有個(gè)按鈕 quot;alert( 有個(gè)按鈕 ) / br / !-- 上面是input組件,里面有10個(gè)屬性,下面看select屬性 -- select name= country option value= none --選擇國(guó)家-- /option option value= usa 美國(guó) /option option value= en 英國(guó) /option option value= cn 中國(guó) /option /select br / !-- textarea屬性,比如說(shuō)寫(xiě)個(gè)人簡(jiǎn)介的時(shí)候,賊好用 -- textarea rows= cols= name= text /textarea br / input type= reset value= 清除數(shù)據(jù) / br / input type= submit value= 提交數(shù)據(jù) / br / /form /body /html
以上就是關(guān)于HTML中表單組件的具體介紹的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選