html使用表單向服務(wù)器提交請求，表單控件的主要作用就是收集用戶的輸入，當(dāng)用戶提交表單時(shí)，用戶輸入內(nèi)容將被作為請求參數(shù)提交到遠(yuǎn)程服務(wù)器上

10年積累的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有甘州免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

html原有的表單及表單控件

form屬性	說明
action	指定當(dāng)單擊表單的確認(rèn)按鈕，該表單被提交到哪個(gè)地址，可以是相對/絕對地址
method	指定提交表單時(shí)發(fā)送何種類型的請求 屬性值可以為get post
enctype	對表單內(nèi)容進(jìn)行編碼所使用的字符集
name	指定表單的唯一名稱，建議該屬性值與id屬性值保持一致
target	使用哪種方式打開目標(biāo)URL，該屬性值可以是_blank _parent _self _top
post:傳送的數(shù)據(jù)量比較大，用戶在地址欄里看不到參數(shù)，安全性較高
get:直接在地址欄中輸入訪問地址所發(fā)送的請求

使用input元素，input元素是表單空間當(dāng)中功能最為豐富，如下幾種輸入元素都是通過元素生成

單行文本框 text	單行文本框用于接受用戶的輸入
密碼輸入框 password	密碼框文字不可見
隱藏域 hidden	不接受用戶輸入，也不能生成可視化部分
復(fù)選框 checkbox（radio 單選框）	供用戶選擇
圖像域 p_w_picpath	和提交按鈕的作用基本一樣，單擊表單被提交
文件上傳域 file	允許用戶瀏覽本地磁盤文件，并將該文件上傳到服務(wù)器
提交 submit	提交按鈕
重設(shè) reset	重置按鈕

input核心屬性

checked	設(shè)置單選框、復(fù)選框初識狀態(tài)是否處于選中狀態(tài)，該屬性只能是checked,選中
disabled	b表示該元素禁用，該元素?zé)o法獲得焦點(diǎn)
maxlength	該屬性值是一個(gè)數(shù)字，指定文本礦中允許輸入的大字符字?jǐn)?shù)
size	指定該元素的寬度
readonly	文本框中的值不允許用戶更改
src	指定圖像域所顯示圖像的URL

代碼示例：

    
    
    



    單行文本框：
    不能編輯的文本框：
    密碼框：
    隱藏域：
    第一組單選框：
    
    
    
    第二組單選框：
    
    
    兩個(gè)復(fù)選框：
    
    
    文件上傳域：
    圖像域：
    下面是四個(gè)按鈕：
    
    
    
    

使用label定義標(biāo)簽：

 標(biāo)簽與表單空間關(guān)聯(lián)有兩種方式

①隱式使用for屬性：指定元素的for屬性值為所關(guān)聯(lián)表單空間的id屬性值

②顯示關(guān)聯(lián)：將普通文本、表單空間一起放在元素內(nèi)部即可

    
    
    



    單行文本框：
    
    密碼框：
    
    

列表框和下拉菜單:

用于創(chuàng)建列表框或下拉菜單，該元素必須要和元素結(jié)合使用，屬性：multiple設(shè)置是否可以多選，size 指定列表框內(nèi)可以同時(shí)顯示多少個(gè)列表項(xiàng)

    
    
    



    下面是簡單下拉菜單：
    
        Java語言
        C語言
        Ruby語言
    
    下面是允許多選的列表框：
    
        瘋狂Java講義
        瘋狂Android講義
        輕量級Java EE企業(yè)應(yīng)用實(shí)戰(zhàn)
    
    下面是允許多選的列表框：
    
        
            瘋狂Java講義
            瘋狂Android講義
            輕量級Java EE企業(yè)應(yīng)用實(shí)戰(zhàn)
        
        
            Struts 2.1權(quán)威指南
            RoR敏捷開發(fā)最佳實(shí)踐
        
    
    提交

textarea定義文本域：

cols 指定文本域的寬度；

rows 指定文本域的高度；

disabled 指定禁用該文本域

readonly 指定該文本域只讀

    
    
    



    簡單多行文本域：
    
    只讀的多行文本域：
    
瘋狂Java講義
輕量級Java EE企業(yè)應(yīng)用實(shí)戰(zhàn)
    
    提交

html5新增的屬性與元素

form屬性 指定屬于哪一個(gè)form
formaction 提交到不同的action
formxxx 與formaction相似
autofocus 獲得焦點(diǎn)
placeholder 提示信息
list 必須與datalist結(jié)合使用	list用法見下
autocomplete 與list結(jié)合使用	on 打開antocomplete 文本框下方會顯示下拉菜單

    
    
    



    請輸入圖書：

    


    瘋狂Java講義
    輕量級Java EE企業(yè)應(yīng)用實(shí)戰(zhàn)
    瘋狂Android講義

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文標(biāo)題：html5——表單元素和屬性-創(chuàng)新互聯(lián)
文章來源：http://weahome.cn/article/dgohis.html