亚洲av成人无遮挡网站在线观看,少妇性bbb搡bbb爽爽爽,亚洲av日韩精品久久久久久,兔费看少妇性l交大片免费,无码少妇一区二区三区

  免費(fèi)注冊(cè) 查看新帖 |

Chinaunix

  平臺(tái) 論壇 博客 文庫(kù)
12
最近訪問(wèn)板塊 發(fā)新帖
樓主: didimm
打印 上一主題 下一主題

《html5+css3技術(shù)應(yīng)用》（連載） [復(fù)制鏈接]

論壇徽章:
0
11樓 [報(bào)告]
發(fā)表于 2013-05-20 13:14 |只看該作者
表2-2  enctype和formenctype屬性的取值和說(shuō)明
屬    性    值        說(shuō)               明
application/x-www-form-urlencoded        默認(rèn)形式，以超文本的形式編碼。
multipart/form-data        以二進(jìn)制形式編碼。
text/plain        以普通文本的形式編碼。
application/x-www-form+xml        以XML結(jié)構(gòu)化數(shù)據(jù)格式編碼。
在上面四種編碼方式中，“application/x-www-form+xml”是在Html5 Web Form新增加的編碼方式，這種編碼方式以XML結(jié)構(gòu)化數(shù)據(jù)的格式進(jìn)行編碼表單內(nèi)容，可以更有效地降低服務(wù)器負(fù)載壓力。
此外，對(duì)于文件上傳輸入類型控件，enctype屬性必須將設(shè)置為“multipart/form-data”的，因?yàn)樵谖募蟼鲿r(shí)，只有使用二進(jìn)制形式編碼，才可以保證表單數(shù)據(jù)連續(xù)地傳送到服務(wù)器。
對(duì)于enctype屬性的具體使用，讀者可以參考下面的代碼。
HTML代碼：test_enctype.html。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
        <form action="#" method="POST" enctype="text/plain">
                <p>
                        姓名：
                        <input type = "text" name="user_name"/>
                </p>
                <p>
                        密碼：
                        <input type = "password" name="user_password"/>
                </p>
                <input type="submit"/>
        </form>
</body>
</html>
•        enctype屬性用來(lái)指定表單數(shù)據(jù)在發(fā)送到服務(wù)器之前進(jìn)行編碼的編碼方式。
•        上述代碼中，表示以普通的文本形式對(duì)表單內(nèi)容進(jìn)行編碼。
accept 屬性用來(lái)指定能夠通過(guò)文件上傳進(jìn)行提交的文件類型。這個(gè)屬性也是可選的，屬性值是一個(gè)或多個(gè)MIME類型，多個(gè)MIME類型要使用逗號(hào)隔開(kāi)。
對(duì)于accept屬性的具體使用，讀者可以參考下面的代碼。
HTML代碼：test_accept.html。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
        <form method = "POST" enctype = "multipart/form-data" action = "#" accept ="image/gif,image/jpeg" >
                <p>
                        圖片文件: <input type="file" name="pic" id="pic" />
                </p>
                <input type="submit" value="開(kāi)始上傳" />
        </form>
</body>
</html>
•        file是文件上傳輸入類型控件。
•        accept 屬性用來(lái)指定能夠通過(guò)文件上傳進(jìn)行提交的文件類型。
•        enctype屬性用來(lái)指定表單數(shù)據(jù)在發(fā)送到服務(wù)器之前進(jìn)行編碼的編碼方式
•        在上面的表單代碼中，只有g(shù)if和jpg文件才能進(jìn)行文件上傳。
accept-charset 屬性用來(lái)指定服務(wù)器處理表單數(shù)據(jù)所接受的字符集。這個(gè)屬性是可選的，用的也不多，但不并不代表它不重要。例如，我們?cè)谑褂肎BK的編碼的表單向使用UTF-8編碼的Web應(yīng)用程序里提交數(shù)據(jù)，如果沒(méi)有使用accept-charset屬性，肯定是會(huì)亂碼的。accept-charset的原理非常簡(jiǎn)單，開(kāi)發(fā)人員制定了字符集后，服務(wù)器就會(huì)使用指定的字符集來(lái)解釋表單數(shù)據(jù)。表2-3列舉了accept-charset可以設(shè)置的常用字符集。

論壇徽章:
0
12樓 [報(bào)告]
發(fā)表于 2013-05-20 13:17 |只看該作者
表2-3  accept-charset可以設(shè)置的常用字符集。
字符集名稱        說(shuō)               明
ASCALL        萬(wàn)維網(wǎng)最早使用的字符集。支持 0-9 的數(shù)字，大小寫英文字母以及一些特殊字符。
UTF-8        可以表示 Unicode 標(biāo)準(zhǔn)中的任意字符，已成為網(wǎng)頁(yè)和電子郵件的首選編碼。
ISO-8859-1        現(xiàn)在瀏覽器默認(rèn)的字符集，通過(guò)了國(guó)際標(biāo)準(zhǔn)認(rèn)證，基本上定義了世界各地字符。
GBK        GBK是一個(gè)漢字編碼標(biāo)準(zhǔn)，支持所有的中文字符。
在理論上，我們可以使用任何字符集，但問(wèn)題是并不是所有服務(wù)器都能夠解釋它們。所以最簡(jiǎn)單的方法還是將表單和應(yīng)用程序所使用的字符集統(tǒng)一。
對(duì)于accept-charset屬性的具體使用，讀者可以參考下面的代碼。
HTML代碼：test_accept-charset.html。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
        <form action = "#" method = "get" accept-charset = "UTF-8">
                <p>
                        姓名: <input type = "text" name = "name" />
                </p>
                <p>
                        密碼: <input type = "password" name = "password" />
                </p>
                <input type = "submit" value = "提交" />
        </form>
</body>
</html>
•        accept-charset 屬性用來(lái)指定服務(wù)器處理表單數(shù)據(jù)所接受的字符集。
•        上述代碼表示服務(wù)器使用UTF-8字符集處理表單數(shù)據(jù)。

論壇徽章:
0
13樓 [報(bào)告]
發(fā)表于 2013-05-20 13:18 |只看該作者
target屬性用來(lái)指定瀏覽器在提交表單后生成的頁(yè)面加載到哪個(gè)框架或者瀏覽窗口。這個(gè)屬性是可選的，讀者可能了解<a>標(biāo)簽的target屬性，使用方法其實(shí)是一樣的。表2-4 對(duì)target屬性的取值和說(shuō)明進(jìn)行了歸納。
表2-4  target屬性的取值和說(shuō)明
Target屬性值        說(shuō)             明
_blank        在新窗口中打開(kāi)
_parent        在父框架中打開(kāi)。
_self        在當(dāng)前的框架中打開(kāi)。
_top        在整個(gè)窗口中打開(kāi)。
framename        在指定的框架中打開(kāi)。
對(duì)于target屬性的具體使用，讀者可以參考下面的代碼。
HTML代碼：test_target.html。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
        <form action = "#" method = "POST" target="_parent">
                <p>
                        姓名: <input type = "text" name = "name" />
                </p>
                <p>
                        密碼: <input type = "password" name = "password" />
                </p>
                <input type = "submit" value = "提交" />
        </form>
</body>
</html>
•        target屬性用來(lái)指定瀏覽器在提交表單后生成的頁(yè)面加載到哪個(gè)框架或者瀏覽窗口。
•        上述代碼表示在當(dāng)前表單窗口的父窗口中打開(kāi)生成的頁(yè)面。
id屬性和name屬性都是用來(lái)標(biāo)識(shí)網(wǎng)頁(yè)中的<form>標(biāo)簽，我們進(jìn)行表單的樣式設(shè)計(jì)和表單的腳本控制都需要用到表單的id屬性或者name屬性來(lái)獲取相應(yīng)的表單容器對(duì)象。這個(gè)屬性我們?cè)偈煜げ贿^(guò)了，這里就不再作進(jìn)一步探討。
novalidate屬性用來(lái)指定瀏覽器是否啟用表單驗(yàn)證功能，是Html5 Web Form中新增的可選屬性。novalidate 的屬性值是布爾值。前面我們已經(jīng)討論過(guò)，Html5 Web Form中的輸入控件帶有強(qiáng)大的表單驗(yàn)證功能。某些時(shí)候，我們也可以通過(guò)novalidata屬性來(lái)關(guān)閉這些驗(yàn)證功能。
對(duì)于novalidate屬性的具體使用，讀者可以參考下面的代碼。
HTML代碼：test_novalidate.html。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
        <form action = "#" method = "POST" novalidate = "novalidate">
                <p>
                        姓名: <input type = "text" name = "name" />
                </p>
                <p>
                        密碼: <input type = "password" name = "password" />
                </p>
                <input type = "submit" value = "提交" />
        </form>
</body>
</html>

論壇徽章:
0
14樓 [報(bào)告]
發(fā)表于 2013-05-20 13:19 |只看該作者
•        novalidate屬性用來(lái)指定瀏覽器是否啟用表單驗(yàn)證功能。
•        在上面的代碼中，我們關(guān)閉了表單內(nèi)置的驗(yàn)證功能。
autocomplete屬性用來(lái)指定瀏覽器是否啟用自動(dòng)完成功能，也是Html5 Web Form中新增的可選屬性，如果我們開(kāi)啟了瀏覽器的自動(dòng)完成功能，那么在用戶在表單中開(kāi)始鍵入值時(shí)，瀏覽器會(huì)把用戶之前的輸入過(guò)的值的列表顯示出來(lái)，供用戶選擇。表2-5對(duì)autocomplete屬性的取值和說(shuō)明進(jìn)行了歸納。
表2-5  autocomplete屬性的取值和說(shuō)明進(jìn)行了歸納
Autocomplete的取值        數(shù)                碼
On        默認(rèn)設(shè)置，開(kāi)啟自動(dòng)完成功能。
Off         關(guān)閉自動(dòng)完成功能。
對(duì)于autocomplete屬性的具體使用，讀者可以參考下面的代碼。
HTML代碼：test_autocomplete.html。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
        <form action = "#" method = "POST" autocomplete = "off">
                <p>
                        姓名: <input type = "text" name = "name" />
                </p>
                <p>
                        密碼: <input type = "password" name = "password" />
                </p>
                <input type = "submit" value = "提交" />
        </form>
</body>
</html>
•        autocomplete屬性用來(lái)指定瀏覽器是否啟用自動(dòng)完成功能。
•        在上面的代碼中，我們指定瀏覽器關(guān)閉自動(dòng)完成功能。
2.2.2  表單結(jié)構(gòu)的元素標(biāo)簽
在Html5 Web Form中，為了帶給用戶良好地服務(wù)體驗(yàn)，在保留了一些優(yōu)秀的表單元素標(biāo)簽的同時(shí)，也加入了一些新的元素標(biāo)簽。本小節(jié)我們將一起討論這些元素標(biāo)簽的使用，這些表單元素標(biāo)簽主要有以下幾個(gè)。
•        label標(biāo)簽
•        input標(biāo)簽
•        button標(biāo)簽
•        fieldset標(biāo)簽
•        lenged標(biāo)簽
•        select標(biāo)簽
•        <optgroup> 標(biāo)簽
•        textarea標(biāo)簽
•        datalist標(biāo)簽
•        output標(biāo)簽
•        keygen標(biāo)簽
label標(biāo)簽用來(lái)設(shè)置輸入型控件的說(shuō)明信息，這是一個(gè)很有用的標(biāo)簽。雖然label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果，但是如果用戶在 label 元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件，換句話說(shuō)，當(dāng)用戶選擇該標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。
對(duì)于label標(biāo)簽的具體使用，讀者可以參考下面代碼。

論壇徽章:
0
15樓 [報(bào)告]
發(fā)表于 2013-06-29 21:31 |只看該作者

學(xué)習(xí)了
12
返回列表 發(fā)新帖
您需要登錄后才可以回帖 登錄 | 注冊(cè)

本版積分規(guī)則 發(fā)表回復(fù)

  

北京盛拓優(yōu)訊信息技術(shù)有限公司. 版權(quán)所有 京ICP備16024965號(hào)-6 北京市公安局海淀分局網(wǎng)監(jiān)中心備案編號(hào)：11010802020122 niuxiaotong@pcpop.com 17352615567
未成年舉報(bào)專區(qū)
中國(guó)互聯(lián)網(wǎng)協(xié)會(huì)會(huì)員  聯(lián)系我們：huangweiwei@itpub.net
感謝所有關(guān)心和支持過(guò)ChinaUnix的朋友們 轉(zhuǎn)載本站內(nèi)容請(qǐng)注明原作者名及出處

清除 Cookies - ChinaUnix - Archiver - WAP - TOP