H5中form属性

<form id="testform">

<input type="text"  placeholder="请输入合适的信息"/>

</form>

<input  form="testform"/>

在上面4行代码中,最后一个input并不属于form表单元素,在提交表单是,input不会随着表单一起提交,但是在html5中

我们只需要在input属性中增加form属性,并制定form的ID,外部的input就属于表单的提交范围.

总结:从上面的例子可以看出,H5表单各自的控件元素,不再依赖form元素的位置,完全可以既脱离form,又保持从属关系.

来自为知笔记(Wiz)

时间： 2024-10-14 05:59:45

H5中form属性的相关文章

html5中form表单新增属性以及改良的input标签元素的种类

在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" /> <!-- 在不支持h5的浏览器中,可以用CSS样式进行改写 --> &

HTML5中form的新增属性或元素

1.新增的表单元素 1.1 progress表示任务的完成情况,常用于进度条. max 定义进度元素所要求的任务的工作量,默认值为1 value 定义已经完成的工作量,如果max值为1,该值必须是介于0~1之间的小数. <progress value="70",max="100">70%</progress> 1.2 output表示用户动作产生的结果. name 定义元素的名称 for 其他元素的id列表,表明这些元素为计算提供了输入值(或

form中action属性后面?传递参数 获取不到

1 $p_id = $_REQUEST['p_id']; 2 3 echo "<h1>您将更新商品编号为<span>$p_id</span>的商品信息 <a href='listproduct.php'>查看所有</a></h1> 4 <form action='updateproduct.do.php?p_id=$p_id' method='get'> 5 商品名称:<input type='text'

H5新增form控件和表单属性

第一个知识点:表单的属性及总结 第二个知识点:H5新增的表单控件和属性以及总结 第一个知识点: 我们常见的表单验证有哪些呢 text 文本框标签 password 密码框 checkbox 多选框 radio 单选框 button 按钮 submit 提交按钮 以上是我们常用的一些form属性 第二个知识点:H5新的输入型控件 (一)email:电子邮箱文本框,跟普通的没什么区别 1.当输入不是邮箱的时候,验证不通过 2.移动端键盘会有变化 (二)tel:电话号码 1.主要在移动端,一个键盘的切

从web图片裁剪出发：了解H5中的canvas

本篇内容不针对canvas文档对每个api进行逐个的详解! 本篇内容不针对canvas文档对每个api进行逐个的详解! 本篇内容不针对canvas文档对每个api进行逐个的详解! 重说三,好了,现在进入正文.在上一回<从web图片裁剪出发:了解H5中的blob>中我解释了图片在浏览器中以怎样的形式留存,并且在最后一个example中演示了选择图片.预览最后提交的过程.然而这个预览并没有起到什么卵用,因为只能预览不能处理,原图片还是原图片,预览变得可有可无.这一篇我们就在预览这一步里做点手脚,加

h5中的表单和存储

1.在Html5中:        (1).表单仍然使用<form>元素作为容器,我们可以在其中设置基本的提交特性            form的action指向一个服务器地址(接口)       (2).当用户或开发人员提交页面时,表单仍然用于向服务端发送表单中控件的值            注意表单项的name属性必须有值,服务器才能获取表单       (3).所有之前的表单控件都保持不变        (4).仍然可以使用脚本操作表单控件 2.表单新增的属性可以分成两类: 提交类:f

H5新增input属性

目录 H5中新增input系列(2) H5新增的input的type属性 1.placeholder 属性 2.step 属性 3.pattern 属性 4.multiple 属性 5.min 和 max 属性 6.height 和 width 属性 7.list属性 8.required属性 9.formtarget 属性 10.formmethod 属性 11.autofocus 属性 12.autocomplete 属性 13.form 属性 14.formaction 属性 15.for

JavaWeb开发中form、ajax提交数据Model转化

JavaWeb开发中form.ajax提交数据Model转化 问题 最近学习MongoDB数据库,作为java开发的我,当然需要做个小的web程序来测试一番了.在html中我采取ajax提交方式,因为我要模拟各种类型的数据,基础数据类型.数组.对象等.然而,最终发现了个不同的地方:Form和ajax提交数据,在HttpServletRequest中尽然参数名有所不同. 数据类型 form ajax 基础数据 para=value para=value 数组 para[]={"aaa",

【cocos2d-js官方文档】十八、Cocos2d-JS v3.0中的属性风格API

1. 新的API风格 我们直接来看看你可以如何使用Cocos2d-JS v3.0: 以前的API 新的API node.setPosition(x, y); node.x = x; node.y = y; node.setRotation(r); node.rotation = r; 如表格中可以看到的,设置position属性的函数调用在3.0版中会被替换为直接的对象属性存取.不仅仅是示例中的x,y和rotation,几乎所有节点类型中关于属性存取的函数都会被替换为直接的对象属性访问.具体的属