仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 774|回复: 8
打印 上一主题 下一主题

[HTML5] 来看看:Form表单在HTML5中新的利用办法

[复制链接]
冷月葬花魂 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:11:06 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
通过大家的心得,或许能找出"怎么学html5"这个问题的答案。另,我会不定期把群里面关于技术的讨论贴到本帖,敬请关注。破洛洛文章简介:HTML5逐日一练之Form新属性的利用。
在HTML5中增添了很多新的标签和功效属性,明天我们来看一个Form表单在HTML5中新的利用办法。那末在HTML5中新到场的这个功效与之前我们利用的功效区分在那里呢?鄙人面我们有几个场景来看,你就分明啦~


假设我们必要把页面中分歧的表单位素提交,而这些表单位素又散布在HTML中的各个地位,那末Form就只能包括一切的Form标签了。

老办法:
<formid="form1"action="http://www.poluoluo.com/">
<inputid="userName"name="userName"type="text"/>
<inputid="userPwd"name="userPwd"type="password"/>
<inputid="userAge"name="userAge"type="text"/>
<inputtype="submit"value="提交"/>
</form>
可是在此Form中又包括一些不必要在此From中提交的元素(好比userAge)怎样办呢?貌似只能提交了,让背景程序员不承受此参数大概利用js把一切必要再此表单中提交的内容放进到hidden埋没地区中,然后提交,你大概会修正成以下



改进后:

<formid="form1"action="http://www.poluoluo.com/">
<inputid="hd_userName"name="userName"type="hidden"/>
<inputid="hd_userPwd"name="userPwd"type="hidden"/>
</form>
<inputid="userName"name="userName"type="text"/>
<inputid="userPwd"name="userPwd"type="password"/>
<inputid="userAge"name="userAge"type="text"/>
<inputtype="submit"value="提交"/>
嗯,如许收拾了一下是不错,能够满意我们的请求,可是js就太多了,华侈收集资本和HTTP哀求数据包,增添项目巨细,保护起来绝对对照贫苦。
HTML5的办法:

<formid="form1"action="http://www.poluoluo.com/">
<inputtype="submit"value="提交"/>
</form>
<inputid="userName"name="userName"for="form1"type="text"/>
<inputid="userPwd"name="userPwd"for="form1"type="password"/>
<inputid="userAge"name="userAge"type="text"/>
这里的for属性=表单的ID,如许一来,这些元素究竟回谁人表单就一览无余了,这个for属性,你能够了解为label中的for属性,只不外在HTML5中的这类情形下,他就属于fome1的元素了。如今再看代码,洁净利索多了,项目文件也不年夜,易于保护。
假如你有不懂的,能够也能够间接给我留言,我会尽快复兴人人的。
假如看懂这个今后,人人能够本人实习一下,把实习发下去,匡助人人一同前进!
</p>
历经多年来的停滞不前,如今全球信息网联盟(WorldWideWebConsortium,W3C)重拾HTML标准化。
活着的死人 该用户已被删除
沙发
发表于 2015-1-17 20:31:47 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
若相依 该用户已被删除
板凳
发表于 2015-1-25 18:48:51 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
地板
发表于 2015-2-3 18:36:07 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
小妖女 该用户已被删除
5#
发表于 2015-2-9 05:02:02 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
乐观 该用户已被删除
6#
发表于 2015-2-27 00:49:37 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
因胸联盟 该用户已被删除
7#
发表于 2015-3-8 19:51:01 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
变相怪杰 该用户已被删除
8#
发表于 2015-3-16 17:35:50 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
只想知道 该用户已被删除
9#
发表于 2015-3-23 00:33:26 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-30 00:02

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表