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之表单相关推荐

html5 form表单,html5 教程
2019独角兽企业重金招聘Python工程师标准>>> html5 form表单 html5 教程 html5 form表单表单介绍 1.XHTML中需要放在form之中的诸如inp ...
html 表单自动数值,web前端学习技术之对HTML5 智能表单的理解
原标题:web前端学习技术之对HTML5 智能表单的理解 Html5新增input的form属性,用于指向特定form表单的id,实现input无需放在form标签之中,即可通过表单进行提交. - t ...
html5表单新增的输入类型,HTML5之表单新增类型介绍
1.html5的input标签的type类型新增介绍: 2.表单新增属性介绍: 3.代码示例: 1970 1980 1990 默认值: form="register" /> ...
HTML5新的解析顺序,HTML5新表单新功能解析
HTML5新增了很多属性功能.但是有兼容性问题,因为这些表单功能新增的.我这里做了一个简单的练习,方便参考.如果完全兼容的话,那我们写表单的时候就省了很多代码以及各种判断. HTML5表单新功能解析 ...
第四节：HTML5给表单带来的新标签、新属性、新类型
上一章节讲了21个语义化的标签,这一节我们来讲表单标签,HTML5不仅仅给表单带来了新的标签,还给原来的标签带来了新的属性,这一节我们会来介绍介绍它们. 到目前为止,我们对HTML5的学习还是停留在新 ...
HTML5新增表单属性（HTML5）
HTML5新增表单属性(HTML5) <!DOCTYPE html> <html lang="en"><head><meta charse ...
html中input标签中type属性小总(包含html5新增表单属性)
前言 HTML5新增了许多属性和方法,其中一些就有input标签中 type属性. 有关于input中type的全部可取值如下 1.button 2.text 3.time(会呈现表的形状) 4. ...
html表单内加入小图标,精美的HTML5/CSS3表单带小图标
今天我们要来分享一款非常精美的HTML5/CSS3表单,准备地说,这是一款经过美化的input输入表单,每一个输入表单都可以定义其两侧的小图标,非常华丽.另外,这款表单应用还采用了3种不同的风格主题, ...
html5新增了哪些表单元素,HTML5新增表单元素
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? HTML5新增表单元素主要有 input标签其type类型主要有有以下几种:type="tel"用 ...
html5 智能表单验证
<!DOCTYPE html> <head> <meta charset=utf-8> <title>HTML5智能表单</title> & ...

9 HTML5之表单

HTML5表单

9 HTML5之表单相关推荐

最新文章

热门文章