html5——表單元素和屬性

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

“只有客戶發(fā)展了，才有我們的生存與發(fā)展！”這是創(chuàng)新互聯(lián)的服務(wù)宗旨！把網(wǎng)站當(dāng)作互聯(lián)網(wǎng)產(chǎn)品，產(chǎn)品思維更注重全局思維、需求分析和迭代思維，在網(wǎng)站建設(shè)中就是為了建設(shè)一個不僅審美在線，而且實用性極高的網(wǎng)站。創(chuàng)新互聯(lián)對成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站開發(fā)、網(wǎng)頁設(shè)計、網(wǎng)站優(yōu)化、網(wǎng)絡(luò)推廣、探索永無止境。

html原有的表單及表單控件

form屬性	說明
action	指定當(dāng)單擊表單的確認(rèn)按鈕，該表單被提交到哪個地址，可以是相對/絕對地址
method	指定提交表單時發(fā)送何種類型的請求屬性值可以為get post
enctype	對表單內(nèi)容進行編碼所使用的字符集
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法獲得焦點
maxlength	該屬性值是一個數(shù)字，指定文本礦中允許輸入的最大字符字?jǐn)?shù)
size	指定該元素的寬度
readonly	文本框中的值不允許用戶更改
src	指定圖像域所顯示圖像的URL

代碼示例：




    
    
     表單 



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

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

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

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

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




    
    
     label元素 



    單行文本框：
    
    密碼框：

列表框和下拉菜單:

用于創(chuàng)建列表框或下拉菜單，該元素必須要和




    
    
     select元素 



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

textarea定義文本域：

cols 指定文本域的寬度；

rows 指定文本域的高度；

disabled 指定禁用該文本域

readonly 指定該文本域只讀




    
    
     多行文本域 



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

html5新增的屬性與元素

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




    
    
     list屬性 



    請輸入圖書：

    


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

文章標(biāo)題：html5——表單元素和屬性
本文URL：http://weahome.cn/article/ihgjoc.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

html5——表單元素和屬性

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管