仓酷云

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

[HTML5] 带来一篇HTML5实例教程:网页表单Form标签的属性

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

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

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

x
最近群里面很多人在问html5应该怎么学,这个问题其实没有标准答案。我开这个帖子,目的是为了收集大家每天的学习心得,欢迎大家来回复。破洛洛文章简介:在HTML5中,吸纳了WebForms2.0的尺度,年夜幅度强化了针对表单位素的功效,使得关于表单的开辟更快、更便利。
在HTML5中,吸纳了WebForms2.0的尺度,年夜幅度强化了针对表单位素的功效,使得关于表单的开辟更快、更便利。
1.form属性

在HTML5中,能够把表单附属元素写在页面任何中央,然后给元素指定一个form属性,属性值为表单的id,如许就能够声明该元素附属于指定表单。
  1. <formid="test"><inputtype="text"></form><textareaform="test"></textarea>
复制代码
2.formaction属性

在HTML5中,能够给一切的提交按钮增添分歧的formaction属性,点击分歧的按钮,将分歧的表单提交到分歧的页面。
  1. <inputtype="submit"formaction="a.php"><inputtype="submit"formaction="b.php">
复制代码
3.fommethod属性

在HTML5中,可使用formaction属性来对每一个表单位素分离指定分歧的提交页面,同时也能够利用formmethod属性来对每一个表单位素分离指定分歧的提交办法。
  1. <inputtype="submit"formaction="a.php"formmethod="post"><inputtype="submit"formaction="a.php"formmethod="get">
复制代码
4.placeholder属性

placeholder是指文本框或处于未输出形态而且未取得光标核心时,下降显现输出提醒笔墨不通明度,详细实比方本站收集基地搜刮框效果。
  1. <inputtype="text"placeholder="点击这里搜刮">
复制代码
5.autofocus属性

给文本框、选择框或按钮控件主动取得光标核心。
  1. <inputtype="text"autofocus>
复制代码
6.list属性

在HTML5中,为单行文本框增添一个list属性,该属性的值为某个datalist元素的id。datalist元素相似于选择框(select),该元素自己其实不显现,而是文本框取得核心时以提醒输出的体例显现。
  1. <inputtype="text"list="poluoluocom"><datalistid="poluoluocom"style="display:none;"><option>HTML</option><option>CSS</option><option>JavaScript</option></datalist>
复制代码
为了不在不撑持该元素的扫瞄器中毛病的显现,用CSS等设定它为不显现。
7.auotcomplete属性

帮助输出所用的主动完乐成能,节俭输出工夫,同时也非常便利的功效。关于auotcomplete属性,能够指定“on”、“off”、“”(不指定)这三种值。
  1. <inputtype="text"autocomplete="on"list="poluoluocom">
复制代码
</p>
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。
admin 该用户已被删除
沙发
发表于 2015-1-17 20:26:28 | 只看该作者
由CS4版本开始,则转用WebKit排版引擎(亦即GoogleChrome和AppleSafari浏览器所用的排版引擎)作为网页预览。
活着的死人 该用户已被删除
板凳
发表于 2015-1-25 15:21:20 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
若天明 该用户已被删除
地板
发表于 2015-2-3 05:20:20 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
愤怒的大鸟 该用户已被删除
5#
发表于 2015-2-8 20:06:10 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
再现理想 该用户已被删除
6#
发表于 2015-2-26 03:47:27 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
莫相离 该用户已被删除
7#
发表于 2015-3-8 12:09:56 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
小魔女 该用户已被删除
8#
发表于 2015-3-16 02:20:36 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
爱飞 该用户已被删除
9#
发表于 2015-3-22 19:10:42 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 02:46

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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