當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

9 HTML5之表单

發布時間：2025/3/20 HTML 31 豆豆

生活随笔收集整理的這篇文章主要介紹了 9 HTML5之表单小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

2019獨角獸企業重金招聘Python工程師標準>>>

HTML5表單

HTML5的表單組件大致分為了四類：文字組件，列表組建，選擇組件，按鈕組件。表單的標記是<form></form>,各種表單組件需放在<form></form>標記內。

<form></form>標記
語法：<form method=[@""](https://my.oschina.net/u/2433434) action=[@""](https://my.oschina.net/u/2433434)>
method
該屬性用于設置發送數據的方式，有get和post兩種，至于做過移動端的開發的童鞋都清楚，在這就不多說了，哈哈
action
該屬性表示將數據發往哪里，如果是發往電子郵件，其語法：<form method=@"get" action=@"mailto:wewqdas@qq.com?subject=dsaj" enctype="text/plain">
enctype enctype表示表單的編碼方式，只有post時有效，共三種方式: 1.enctype="application/x-www-form-urlencode"：默認值，如果忽略，表示采用此種編碼 2.enctype="multi/form-data":用于文件上傳 3.enctype="text/plain"表示將表單屬性發往電子郵箱時，必須將設為這種屬性，不然亂碼
autocomplete 用來設置input組件是否使用自動完成功能
novalidate 用來設置是否在發送表單時驗證表單，如果需要驗證填入novalidate。
實際練習效果
參考代碼

<!doctype html><html><head> <title> 我的博客首頁 </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <html lang="zh-CN"></head><body><form method="post" action="mailto:1054539558@qq.com?subject=練習哈哈哈哈" enctype="text/plain">賬號:<input type="text" name="username" /> <br />密碼:<input type="text" name="userpassword"> <br /><input type="submit" value="提交"><input type="reset" value="取消"> </form></body></html>

轉載于:https://my.oschina.net/iOSliuhui/blog/844465

總結

以上是生活随笔為你收集整理的9 HTML5之表单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

表单

上一篇：禁止文字选中 css
下一篇： js 停止事件冒泡阻止浏览器的默认行为