H5新增表单属性

一、form属性

1     <form id="test">
2             <input type="text"  placeholder="请输入合适的信息"/>
3     </form>
4     <input  form="test"/> 

  最后一个input并不属于form表单元素,在提交表单是,input不会随着表单一起提交,但是在html5中我们只需要在input属性中增加form属性,并制定form的ID,外部的input就属于表单的提交范围.

二、formaction属性

1 <form id="test">
2     <input type="submit" name="name"  value="提交" formmethod="get" formaction="xxx.php" >测试
3 </form>

   可以将表单元素提交到不同的页面之中

三、placeholder属性

  textarea和input属性没处于输入状态时的value值

四、formmethod属性

  每个表单独立发送方式(IE10+)

五、required

  文本框未输入内容时自动提示,不提交表单(IE10+)

时间: 2024-10-10 20:20:05

H5新增表单属性的相关文章

HTML5 新增表单属性

======================================================================================== 1.placeholder ---为文本框设置默认值,用户输入文本时自动隐藏,用户清除文本时自动显示 2.autofocus --- 表单控件会在页面加载时自动获取焦点. 一个页面只能有一个autofocus属性的定义 3.autocomplete --- 可选历史记录直接填入表单 4.mutiple --- 多选 可用

html5新增表单元素和属性

从三方面来介绍html5表单的新特性表单结构更灵活 要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只需在元素中加入form="form1"属性,也可提交到form元素指定的服务器地址 <body><form action="upload.php" method="post" accept-charset="utf-8" id="form1"&g

疯狂的表单-html5新增表单元素和属性

疯狂的表单 2015/11/27 16:44:07 从三方面来介绍html5表单的新特性 表单结构更灵活 要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只需在元素中加入form="form1"属性,也可提交到form元素指定的服务器地址 <body> <form action="upload.php" method="post" accept-charset="utf-8&

html5中新增的form表单属性

html5中新增两个表单属性,分别autocomplete和novalidate属性 1.autocomplete属性 该属性用于控制自动完成功能的开启和关闭.可以设置表单或者input元素,有两个属性值,当设置为on时,启动该功能:当设置off时,关闭该功能.启用该功能后,当用户在自动完成域开始输入时,浏览器就会在该域中显示填写的选项.用户每提交一次,就会增加一个用于选择的选项 <!DOCTYPE html> <html> <head lang="en"

4.新增表单相关的属性

新增表单相关的属性 1.可以对input(type=text).select.textarea与button元素指定autofocus属性.它以指定属性的方式让元素在打开页面时自动获得焦点. 2.可以对input(type=text)和textarea元素指定placeholder属性,它会对用户的输入进行提示,提示用户可以输出的内容. 3.可以对input.output.select.textarea.button与fieldset指定form属性,声明它属于哪个表单,然后将其放置在页面上的任

HTML5常用语义化标签&amp;表单类型&amp;表单属性

HTML5语义化标签 1.<article>表示包含一个文档.页面.应用程序或网站中的一段独立的内容,也就是说,它能够独立地被发布或重新使用.可适用的地方有:一篇博客.一个论坛帖子.一篇新闻报道.一个用户评论... 2.<header>一般被放置在页面的顶部,或者页面中某个区块元素的顶部,包含整个页面或某个区块的标题.简介等信息. 一个文档中可以包含多个header标签header标签不一定只能显示在页面的上方,它的内容决定该地方是否需要使用header标签可以为body.arti

5.9 HTML5 新增表单控件 ---不是特别重要

HTML5 新增表单控件新增类型:网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索这些控件基本不使用:因为在不同的浏览器中效果不一样.产品设计中不允许多个浏览器效果不同,必须统一. <label>网址:</label><input type="url" name="" required><br><br> <label>邮箱:</label><input type=&q

CSS表单属性

一般来说,表单在一个页面中是必不可少的,下面是我对表单的知识总结: 依次要说的是表单元素.表单属性.以及表单提交(js知识) 1,表单元素: <form action="提交的位置 //不写的话会提交给自身" method="如何发送表单数据"></form> form内的元素: 1)datalist(数据列表) 2)keygen(生成加密字符串) 3)output(输出结果) 4)meter(度量器) 2,表单属性:   1)palceho

HTML5 学习笔记 表单属性

HTML5新的表单属性 HTML5 的form和input 标签添加了几个新的属性 <form>新属性 autocomplete novalidate input 新属性 autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget height and width list min and max multiple pattern (regexp) placeholder req