咨询电话:024-31891684

网站建设|注册|登录 | 易势大连分公司

沈阳网站设计,易势为您量身打造!

 

design frontier设计前沿当前位置:首页>主要服务>网站设计>设计前沿

Html5中表单新增的属性

Html5中关于表单新增的属性

  • 1、form属性

在html4中,表单内的从属元素必须书写在表单内部,但是在html5中,可以把它们书写在页面上任何地方,然后给该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单了。Form属性的使用实例如代码1

代码1:

<form id=”testform”>

<input type=”text”>

</form>

<textarea form=”testform”></textarea>

Input元素从属于foo表单,它被书写在表单内部,用不着再对它指定form属性。Textarea元素被书写在foo表单之外,但它从属于foo表单,所以将foo表单的id指定给textarea元素的form属性。

这样做的好处是当需要给页面中的元素添加样式时可以更方便地添加,因为它们不是被分散在各表单之内的了。

到目前为止只有opera10浏览器支持这一属性。

  • 2、formaction属性

在html4中,一个表单内的所有元素都只能通过表单的action属性统一提交到另一个页面,而在html5中可以给所有的提交按钮都增加不同的formaction属性,使得点击不同的按钮,可以将表单提交到不同的页面,formaction属性的使用方法如代码2

代码2:

<form id=”testform” action=”message.aspx”>

<input type=”submit” name=”a1” value=”a1” formaction=”s1.aspx”>提交到s1

<input type=”submit” name=”a2” value=”a2” formaction=”s2.aspx”>提交到s1

<input type=”submit” name=”a3” value=”a3” formaction=”s3.aspx”>提交到s1

</form>

目前尚没有浏览器支持这一属性。

  • 3、formmethod属性

在html4中,一个表单内只有一个action属性来对表单内所有元素统一指定提交页面,所以每个表单内也只有一个method属性来指统一指定不同的提交页面,同时也可以使用formmethod属性来对每个表单元素分别指定不同的提交方法,formmethod属性的使用方法如代码3

代码3:

<form id=”testform” action=”message.aspx”>

<input type=”submit” name=”s1” value=”v1” formaction=”s1.aspx” formmethod=”post”>提交到s1

<input type=”submit” name=”s2” value=”v2” formaction=”s2.aspx” formmethod=”post”>提交到s2

<input type=”submit”>

</form>

同formaction属性一样,目前尚没有任何浏览器支持该属性。

 

上一条资讯|返回栏目页|下一条资讯

我们可以不赚钱,也一定要将网站设计好!这就是易势网站设计师存在于沈阳网站设计行业的意义!

top

网络策划公司|新浪官方微博|大连网站建设