关键词:
第一个知识点:表单的属性及总结
第二个知识点:H5新增的表单控件和属性以及总结
第一个知识点:
我们常见的表单验证有哪些呢
text 文本框标签
password 密码框
checkbox 多选框
radio 单选框
button 按钮
submit 提交按钮
以上是我们常用的一些form属性
第二个知识点:H5新的输入型控件
(一)email:电子邮箱文本框,跟普通的没什么区别
1.当输入不是邮箱的时候,验证不通过
2.移动端键盘会有变化
(二)tel:电话号码
1.主要在移动端,一个键盘的切换
(三)url:网页的URL
输入正确的网址
(四)sear:搜索引擎
1.chrome下输入文字后,会多出一个关闭的x
(五)range:特定范围内的数值选择器
1.min、max、step(步数)
2.例子:用js来显示当前数值
(六)number:只能包含数字的输入框
(七)color:颜色选择器
(八)detetime显示完整日期
(九)autocomplete:是否保存用户输入值
默人为on,关闭提示选择off
(十):指定表单获取输入焦点
(十一):此项必填,不能为空
如果只写第一个输入框,第二个输入框就会弹出“请填写此字段”
(十二)parrern:正则验证 pattrn="\\d1,5"
我设置的正则是1-5数字,如果不是就提交失败
以上是本人的总结,后期如有更新会继续完善,感谢每位朋友的到访,希望此文章能对你学习H5有所帮。
如有疑问请联系:手机(微信同步)17812718961
h5中的表单和存储
...nbsp; (4).仍然可以使用脚本操作表单控件2.表单新增的属性可以分成两类:提交类:formaction,formmcthod,formtype控制类:required,antofocus,labels(1)form属性:在H5之前,表单内所有的从属标签(下级标签),必须书写 查看详情
html5新增表单元素和属性
从三方面来介绍html5表单的新特性表单结构更灵活要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只需在元素中加入form="form1"属性,也可提交到form元素指定的服务器地址<body><for... 查看详情
html5新增的form属性简介——张鑫旭
一、引言HTML5中新增了一个名为form的属性,是一个与处理表单相关的元素。在HTML4或XHTML中,我们要提交一个表单,必须把相关的控件元素都放在<form>元素下。因为表单提交的时候,会直接忽略不是其子元素的控件。但是,... 查看详情
html5新增表单控件和表单属性
新的输入性表单控件: email:电子邮箱文本框,跟普通的没什么区别 -当输入不是邮箱的时候,验证不通过 -移动端的键盘会发生变化 tel:电话号码 url:网页的URL search:搜索引擎 -chro... 查看详情
html5中form表单新增属性以及改良的input标签元素的种类
在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持。下面是一些h5在表单和input标签上的一些改动。<!DOCTYPEhtml><html><head><title>表单测... 查看详情
h5新增标签及css3新增属性
-h5新增的标签新增元素说明video表示一段视频并提供播放的用户界面audio表示音频canvas表示位图区域source为video和audio提供数据源track为video和audio指定字母svg定义矢量图code代码段figure和文档有关的图例figcaption图例的说明main time... 查看详情
html5按钮元素新属性formaction,formenctype等简介(转载)
一、<button>等元素新增HTML5属性– form在过去,表单元素<form>和表单提交需要的一些控件元素(如<input>,<select>)在DOM结构上必须是父子关系,但是在HTML5背景下,表单元素和控件元素可以是在页面文档的... 查看详情
h5新增属性02
H5智能表单input新增type值email若输入的样式不和邮箱一样则报错url必须输入url地址(加http://)number只能输入数字属性:minmaxstepvalue(默认值)range取值范围属性:minmaxstepvalue(默认值)telsearch效果和text一样,专用于搜索框属性:resul... 查看详情
#详细了解html5中的form表单
...只要在action属性中指定一个井号(#)即可。??注意:HTML5新增了一种机制,支持把表单控件放在它所在的表单外面。方法是使用心得form属性引用表单的ID值(如:form=&quo 查看详情
html5主要新增表单属性
form属性在HTML4中,表单内的从属元素必须书写在表单内部,而在HTML5中,可以把他们书写在页面上任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单了。用法:<formid="is... 查看详情
表单控件和表单属性
forms 输入型控件 email:电子邮件文本框,跟普通的没什么区别 —当输入不是邮箱的时候,验证不通过,—移动端的键盘会有变化 tel:电话号码,它的功能主要在... 查看详情
简单说下我对h5的新增的标签和css3的新增属性
HTML英文全称是:HyperText Markup language;中文全称是超文本标记语言又称超链接文本标记语言; H5呢就是HTML第五代版本; 首先智能表单<formaction=""method="post"> <inputtype="color"name=""id=""value=""/> <inputtype... 查看详情
html5中表单新增元素与属性
form很多初学者对与form不是很理解,其实从html的MDN中可以看出,form是用在前后台的交互上的,比如我需要把表单的内容(input里的内容提交到后台),这是就需要input包裹在form里面。1<formaction="xxx.php"method="post">2<inputtype="te... 查看详情
h5表单基础知识(代码片段)
表单新增属性<!--<inputtype="text"class="name"/>--><!--placeholder:提示文字(占位符)autofocus:自动获取焦点autocomplete:自动完成(填充的)on开启(默认)off取消自动提示required:必填multiple:多选novalidate:关闭默认的验证功能(只能... 查看详情
跟kingdz学html5之十二html5form表单元素新增属性
这节课给大家补充一下,一些前些课程没有接触的知识。在XHTML中,表单内的从属元素必须书写在表单内部,但是在HTML5中,可以把他们书写在页面上任何地方,然后给元素制定一个form属性,属性值为该表单单位的id,这样... 查看详情
h5利用pattern属性和oninvalid属性验证表单(代码片段)
HTML代码<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><formaction="demo-form.php">手机号:<inputtype="te 查看详情
html5表单新增属性
------------------siwuxie095 HTML5表单新增元素与属性 1、form属性 在 HTML4中,表单内的 查看详情
html5表单新增内容
一、H5新增控件 1、datalist元素 datalist标签定义选项列表,请与input元素配合使用该元素。可为输入框提供一个可选的列表,可以直接选择列表项,也可以不选择列表中的项,自行输入其他内容。 在使用datalist... 查看详情