论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > HTML教程
Tag:初学,入门,文字,链接,table,表单,框加,多媒体,标签,视频教程

表单Form标签的属性

文章类别:HTML | 发表日期:2012-2-27 12:40:42

在HTML5中,吸纳了Web Forms 2.0的标准,大幅度强化了针对表单元素的功能,使得关于表单的开发更快、更方便。

1.form属性
在HTML5中,可以把表单从属元素写在页面任何地方,然后给元素指定一个form属性,属性值为表单的id,这样就可以声明该元素从属于指定表单
<form id="test">
<input type="text">
</form>
<textarea form="test"></textarea>
2.formaction属性
在HTML5中,可以给所有的提交按钮增加不同的formaction属性,点击不同的按钮,将不同的表单提交到不同的页面。
<input type="submit" formaction="a.php">
<input type="submit" formaction="b.php">
3.fommethod属性
在HTML5中,可以使用formaction属性来对每个表单元素分别指定不同的提交页面,同时也可以使用formmethod属性来对每个表单元素分别指定不同的提交方法。
<input type="submit" formaction="a.php" formmethod="post">
<input type="submit" formaction="a.php" formmethod="get">
4.placeholder属性
placeholder是指文本框或处于未输入状态并且未获得光标焦点时,降低显示输入提示文字不透明度,具体实例如本站网络基地搜索框效果。
<input type="text" placeholder="点击这里搜索">
5.autofocus属性
给文本框、选择框或按钮控件自动获得光标焦点。
<input type="text" autofocus>
6.list属性
在HTML5中,为单行文本框增加一个list属性,该属性的值为某个datalist元素的id。datalist元素类似于选择框(select),该元素本身并不显示,而是文本框获得焦点时以提示输入的方式显示。
<input type="text" list="webjxcom">
<datalist id="webjxcom" style="display:none;">
<option>HTML</option>
<option>CSS</option>
 <option>JavaScript</option>
</datalist>为了避免在不支持该元素的浏览器中错误的显示,用CSS等设定它为不显示。
7.auotcomplete属性
辅助输入所用的自动完成功能,节省输入时间,同时也十分方便的功能。对于auotcomplete属性,可以指定“on”、“off”、“”(不指定)这三种值。
<input type="text" autocomplete="on" list="webjxcom">

视频教程列表
文章教程搜索
 
HTML推荐教程
HTML热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058