- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 10Intel i7-9700K性能跑分曝光：同代提升約12%
- 11AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
- 12美國增加25％進口關稅！PC硬件要大漲價
[摘要]這篇文章主要介紹了關于HTML5表單相關元素和屬性，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下<form>:可以指定id、style、class等核心屬性，還可以指定onclick事件屬性。除此之外，還可以指定如下幾個屬性。action：指定表單提交的URL或URI。...
這篇文章主要介紹了關于HTML5表單相關元素和屬性，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下<form>:
可以指定id、style、class等核心屬性，還可以指定onclick事件屬性。除此之外，還可以指定如下幾個屬性。
action：指定表單提交的URL或URI。
method：指定請求方式，一般為get或post。
enctype：指定表單內容進行編碼所使用的字符集。
name：指定表單的唯一名稱，一般與id的屬性值一致。
target：指定使用哪種方式打開目標URL。
enctype屬性用于指定表單數據的編碼方式，該屬性有三個屬性值：
application/x-www-form-urlencoded：這是默認的編碼方式，它只處理表單控件里面的value屬性值，采用這種編碼方式的表單會將表單控件的值處理成URL編碼方式。
multipart/form-data：這種編碼方式會以二進制的方式處理表單數據，這種編碼方式會將文件域指定文件的內容封裝到請求參數里。
text/plain：當表單的action屬性值為mailto:URL的形式時使用這種編碼方式適用于直接通過表單發送郵件的方式。
關于表單控件轉換成請求參數的規則如下：
每個有name屬性的表單控件對應一個請求參數，沒有name屬性的表單控件不會生成請求參數。
如果多個表單控件有相同的name屬性，則多個表單控件只生成一個請求參數，只是該參數有多個值。
表單控件的name屬性指定請求參數名，而value屬性指定請求參數值。
如果某個表單控件設置了disabled或disabled="disabled"屬性，則該表單控件不再生成請求參數。
<input>：
單行文本框：指定<input/>元素的type屬性為text。
密碼文本框：指定<input/>元素的type屬性為password。
隱藏域：指定<input/>元素的type屬性為hidden。
單選框：指定<input/>元素的type屬性為radio。
復選框：指定<input/>元素的type屬性為checkbox。
圖像域：指定<input/>元素的type屬性為image。
文件上傳域：指定<input/>元素的type屬性為file。
提交、重置、無動作按鈕：分別指定<input/>元素的type屬性為submit、reset或button即可。
<input/>元素可以指定id，style，class等核心屬性，也可以指定onclick等事件屬性，還可以指定onfocus、onblur等焦點事件屬性。除此之外還可以指定如下屬性：
checked：設置單選框，復選框默認是否選中。
disabled：表示該元素被禁用，當type="hidden"時不能指定該屬性。
maxlength：指定輸入框允許輸入的最大字符數。
readonly：指定文本框的內容不允許修改。
size：指定該元素的寬度，當type="hidden"時不能指定該屬性。
src：指定圖像域所顯示圖像的URL，只有當type="image"時才可以指定該屬性。
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=GBK"/>
<title>getForm</title>
</head>
<body>
<form action="http://www.crazyit.org" method="get">
單行文本框：<input id="username" name="username" type="text" readonly="readonly"/><br/>
密碼框：<input id="password" name="password" type="password"/><br/>
隱藏域：<input id="hidden" name="hidden" type="hidden"/><br/>
第一組單選框：<br/>
<input id="color" name="color" type="radio" value="red"/>
<input id="color2" name="color" type="radio" value="green"/>
<input id="color3" name="color" type="radio" value="blue"/><br/>
第二個單選框：<br/>
<input id="gender" name="gender" type="radio" value="male"/>
<input id="gender2" name="gender" type="radio" value="female"><br/>
兩個復選框：<br/>
<input id="website" name="website" type="checkbox" value="leegang.org"/>
<input id="website2" name="website" type="checkbox" value="crazyit.org"/><br/>
文件上傳域：<input id="file" name="file" type="file"/><br/>
圖像域：<input type="image" src="img/wjc.gif" alt="瘋狂Java聯盟"/><br/>
下面是四個按鈕：<br/>
<input id="ok" name="ok" type="submit" value="提交"/>
<input id="dis" name="dis" type="submit" value="提交" disabled="disabled"/>
<input id="cancle" name="cancle" type="reset" value="重填"/>
<input id="no" name="no" type="button" value="無動作"/>
</form>
</body>
</html><label/>:
讓標簽和表單控件關聯有兩種方式：
隱式使用for屬性：for屬性為所關聯表單控件的id屬性值。（推薦使用）
顯示關聯：將普通文本、表單控件一起放在<label/>元素內部即可。
<form action="http://www.crazyit.org" method="get">
<label for="username">單行文本框：</label>
<input id="username" name="username" type="text"/><br/>
<label>密碼框：<input id="password" name="password" type="password"/></label><br/>
<input id="ok" type="submit" value="登錄瘋狂Java聯盟"/>
</form><button/>:
內部可以包含普通文本、文本格式化標簽、圖像等內容，功能比input按鈕更豐富。
<button/>元素可以指定id、style、class等核心屬性，還可以指定onclick等事件響應屬性。除此之外還可以指定如下屬性：
disabled：是否禁用按鈕。
name：指定按鈕唯一的名稱。
type：指定該按鈕屬于哪種按鈕，屬性值只能為button、reset或submit。
value：指定該按鈕的初始值。
<form action="http://www.crazyit.org" method="get">
<button type="button"><b>提交</b></button><br/>
<button type="submit"><img src="images/wjc.gif" alt="crazyit.org"/></button><br/>
</form><select/>:
可以指定id、style、class等核心屬性，該元素僅可以指定onchange事件屬性。除此之外還可以指定如下屬性：
disabled：設置禁用該列表框和下拉菜單。
multiple：設置多選。
size：指定該列表框可以同時顯示多個列表項。
<select/>元素里，只能包含如下兩種元素：
<option/>：用來定義列表項和菜單項。
<optgroup/>：用來定義列表項和菜單項組，該元素只能包含<option/>子元素。
<textarea/>:
<textarea/>元素可以指定id、style、class等核心屬性，還可以指定onclick、onselect、onchange事件屬性。除此之外，該元素也可以指定如下幾個屬性：
cols：指定文本域的寬度。
rows：指定文本域的高度。
disabled：禁用該文本域。
readonly：指定文本只讀。
相關推薦：
以上就是HTML5表單相關元素和屬性的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
最新教程 本月人氣
- 1努比亞z11mini什么時候出 nubia z11mini上市時間
- 2努比亞z11mini價格多少錢 nubia z11mini報價
- 3努比亞z11mini設置如何 nubia z11mini參數設置
- 4華為p9與3星s7哪一個好 3星galaxy s7與華為p9比較評測
- 5華為p9與3星s6比較評測 3星galaxy s6與華為p9哪一個好
- 6華為p9與oppo r9plus哪一個好 oppo r9plus與華為p9比較評測
- 7華為p9與華為mate7哪一個好 華為mate7與華為p9比較評測
- 8華為榮耀暢玩5c與5x哪一個好 華為榮耀暢玩5x與5c比較評測
- 9魅族pro6如何打開VoLTE 魅族pro6設置VoLTE技巧方法流程
- 10小米5home鍵一側無反應 小米5home鍵按右側沒反應處理方法
- 11魅藍3與小米2s比較評測 小米2s好還是魅藍3好
- 12魅藍3與小米4c比較評測 小米4c與魅藍3哪一個好
- 1鬼怪大結局是什么？韓劇《鬼怪》大結局第16集視頻鏈接
- 2詳細說明MySQL5.7中的關鍵字與保留字
- 3聯想zuk z2開發者模式如何開 聯想zuk z2開發者模式打開圖文說明教程
- 4谷歌瀏覽器|谷歌瀏覽器屏蔽廣告圖文說明教程 谷歌瀏覽器如何屏蔽廣告
- 5用PS如何將照片背景換成藍色
- 6知道sql語句中where與having的區別
- 7mysql event事件調度器的圖文代碼詳細說明
- 8QQ影音如何截取QQ表情？QQ影音截取QQ表情圖文說明教程
- 9QQ影音如何播放3D視頻？QQ影音播放3D視頻設置技巧
- 10最新愛奇藝會員賬號密碼大全（2017.2.20）
- 113組騰訊視頻會員賬號共享（2017.2.20）
- 12QQ影音如何轉換視頻格式？
