小編給大家分享一下HTML5表單相關(guān)元素和屬性有哪些,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
專注于為中小企業(yè)提供網(wǎng)站設(shè)計、成都做網(wǎng)站服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)博興免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了成百上千家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
可以指定id、style、class等核心屬性,還可以指定onclick事件屬性。除此之外,還可以指定如下幾個屬性。
action:指定表單提交的URL或URI。
method:指定請求方式,一般為get或post。
enctype:指定表單內(nèi)容進行編碼所使用的字符集。
name:指定表單的唯一名稱,一般與id的屬性值一致。
target:指定使用哪種方式打開目標URL。
enctype屬性用于指定表單數(shù)據(jù)的編碼方式,該屬性有三個屬性值:
application/x-www-form-urlencoded:這是默認的編碼方式,它只處理表單控件里面的value屬性值,采用這種編碼方式的表單會將表單控件的值處理成URL編碼方式。
multipart/form-data:這種編碼方式會以二進制的方式處理表單數(shù)據(jù),這種編碼方式會將文件域指定文件的內(nèi)容封裝到請求參數(shù)里。
text/plain:當(dāng)表單的action屬性值為mailto:URL的形式時使用這種編碼方式適用于直接通過表單發(fā)送郵件的方式。
關(guān)于表單控件轉(zhuǎn)換成請求參數(shù)的規(guī)則如下:
每個有name屬性的表單控件對應(yīng)一個請求參數(shù),沒有name屬性的表單控件不會生成請求參數(shù)。
如果多個表單控件有相同的name屬性,則多個表單控件只生成一個請求參數(shù),只是該參數(shù)有多個值。
表單控件的name屬性指定請求參數(shù)名,而value屬性指定請求參數(shù)值。
如果某個表單控件設(shè)置了disabled或disabled="disabled"屬性,則該表單控件不再生成請求參數(shù)。
:
單行文本框:指定元素的type屬性為text。
密碼文本框:指定元素的type屬性為password。
隱藏域:指定元素的type屬性為hidden。
單選框:指定元素的type屬性為radio。
復(fù)選框:指定元素的type屬性為checkbox。
圖像域:指定元素的type屬性為image。
文件上傳域:指定元素的type屬性為file。
提交、重置、無動作按鈕:分別指定元素的type屬性為submit、reset或button即可。
元素可以指定id,style,class等核心屬性,也可以指定onclick等事件屬性,還可以指定onfocus、onblur等焦點事件屬性。除此之外還可以指定如下屬性:
checked:設(shè)置單選框,復(fù)選框默認是否選中。
disabled:表示該元素被禁用,當(dāng)type="hidden"時不能指定該屬性。
maxlength:指定輸入框允許輸入的最大字符數(shù)。
readonly:指定文本框的內(nèi)容不允許修改。
size:指定該元素的寬度,當(dāng)type="hidden"時不能指定該屬性。
src:指定圖像域所顯示圖像的URL,只有當(dāng)type="image"時才可以指定該屬性。
getForm
:
讓標簽和表單控件關(guān)聯(lián)有兩種方式:
隱式使用for屬性:for屬性為所關(guān)聯(lián)表單控件的id屬性值。(推薦使用)
顯示關(guān)聯(lián):將普通文本、表單控件一起放在元素內(nèi)部即可。
:
內(nèi)部可以包含普通文本、文本格式化標簽、圖像等內(nèi)容,功能比input按鈕更豐富。
元素可以指定id、style、class等核心屬性,還可以指定onclick等事件響應(yīng)屬性。除此之外還可以指定如下屬性:
disabled:是否禁用按鈕。
name:指定按鈕唯一的名稱。
type:指定該按鈕屬于哪種按鈕,屬性值只能為button、reset或submit。
value:指定該按鈕的初始值。
:
可以指定id、style、class等核心屬性,該元素僅可以指定onchange事件屬性。除此之外還可以指定如下屬性:
disabled:設(shè)置禁用該列表框和下拉菜單。
multiple:設(shè)置多選。
size:指定該列表框可以同時顯示多個列表項。
元素里,只能包含如下兩種元素:
:用來定義列表項和菜單項。
:用來定義列表項和菜單項組,該元素只能包含子元素。
:
元素可以指定id、style、class等核心屬性,還可以指定onclick、onselect、onchange事件屬性。除此之外,該元素也可以指定如下幾個屬性:
cols:指定文本域的寬度。
rows:指定文本域的高度。
disabled:禁用該文本域。
readonly:指定文本只讀。
以上是“HTML5表單相關(guān)元素和屬性有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!