极客学院web前端学习笔记(十四)表单新增元素与属性

form属性

html4:表单的从属元素必须书写在表单内部

html5:可以书写在页面的任何地方,然后为该元素制定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单了

<form id="textform">
    <input type="text">
</form>
<textarea form="textform"></textarea>

在这种书写形式下,textarea同样也是属于上面的form。

formaction属性

在html4中,一个表单内的所有元素只能通过表单的action被统一提交至另一个页面

在html5中,可以为所有的提交按钮增加不同的formaction属性,使单击不同的按钮时可以将表单提交到不同的页面

<body>
<form id="form1">
    <input type="submit" name="in1" value="v1" formaction="http://localhost:8935/try4/formstudyphp1.php">提交到php1
    <br/><input type="submit" name="in2" value="v2" formaction="http://localhost:8935/try4/formstudyphp2.php">提交到php2
    <br/><input type="submit" name="in3" value="v3" formaction="http://localhost:8935/try4/formstudyphp3.php">提交到php3
</form>
</body>

formmethod属性

在html4中,一个表单只有一个method属性统一指定提交方法(因为只有一个被指定的提交页面)

在html5中,可以利用formmethod属性为每一个表单元素分别指定不同的提交方法

formentype属性

在html4中,表单元素具有一个enctype属性,该属性用于指定在表单发送到服务器之前应该如何对表单内数据进行编码

在html5中,可以使用formentype属性对于表单元素分别指定不同的编码方式

三个值及其对应的编码方式:

 text/plain---空格转换为加号,但是不对特殊字符进行编码)

multipart/form-data---不对字符进行编码,在使用包含文件上传空间的表单时必须使用该值

formenctype="application/x-www-form-urlencoded"---最常见,在发送前编码所有字符,当action为get时浏览器用当前编码方式把表单数据转换为字符

formtarget属性

在html5中,对多个提交按钮分别使用formtaraget属性来指定提交后在何处打开所需加载的页面(target属性的完善)

autofocus属性

为文本框,选择框或按钮控件加上autofocus属性,当画面打开时,该控件自动获得光标焦点

required属性

可用在大多数输入元素上,在提交时,如果元素为空白,则不允许提交,同时在浏览器中显示提示文字

labels属性

为所有可使用标签的表单元素,button,select元素等定义一个labels属性,属性值为一个nodelist对象,代表该元素所绑定的标签元素所构成的集合

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值