带来一篇HTML5实例教程:网页表单Form标签的属性
最近群里面很多人在问html5应该怎么学，这个问题其实没有标准答案。我开这个帖子，目的是为了收集大家每天的学习心得，欢迎大家来回复。破洛洛文章简介：在HTML5中，吸纳了WebForms2.0的尺度，年夜幅度强化了针对表单位素的功效，使得关于表单的开辟更快、更便利。在HTML5中，吸纳了WebForms2.0的尺度，年夜幅度强化了针对表单位素的功效，使得关于表单的开辟更快、更便利。
1.form属性
在HTML5中，能够把表单附属元素写在页面任何中央，然后给元素指定一个form属性，属性值为表单的id，如许就能够声明该元素附属于指定表单。
<formid="test"><inputtype="text"></form><textareaform="test"></textarea>2.formaction属性
在HTML5中，能够给一切的提交按钮增添分歧的formaction属性，点击分歧的按钮，将分歧的表单提交到分歧的页面。
<inputtype="submit"formaction="a.php"><inputtype="submit"formaction="b.php">3.fommethod属性
在HTML5中，可使用formaction属性来对每一个表单位素分离指定分歧的提交页面，同时也能够利用formmethod属性来对每一个表单位素分离指定分歧的提交办法。
<inputtype="submit"formaction="a.php"formmethod="post"><inputtype="submit"formaction="a.php"formmethod="get">4.placeholder属性
placeholder是指文本框或处于未输出形态而且未取得光标核心时，下降显现输出提醒笔墨不通明度，详细实比方本站收集基地搜刮框效果。
<inputtype="text"placeholder="点击这里搜刮">5.autofocus属性
给文本框、选择框或按钮控件主动取得光标核心。
<inputtype="text"autofocus>6.list属性
在HTML5中，为单行文本框增添一个list属性，该属性的值为某个datalist元素的id。datalist元素相似于选择框(select),该元素自己其实不显现，而是文本框取得核心时以提醒输出的体例显现。
<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”、“”(不指定)这三种值。
<inputtype="text"autocomplete="on"list="poluoluocom"></p>
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。 由CS4版本开始，则转用WebKit排版引擎（亦即GoogleChrome和AppleSafari浏览器所用的排版引擎）作为网页预览。 学Dreamweaver技术的过程其实是一个增加信心的过程。 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人. Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。 是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
页:
[1]