HTML元素之form的相关属性用法

发现有一些HTML标签还没有完全熟悉,重新拿起W3C手册看一篇,今天先看form和script标签

表单元素的属性:

属性 描述
accept MIME_type HTML 5 中不支持。
accept-charset charset_list 规定服务器可处理的表单数据字符集。
action URL 规定当提交表单时向何处发送表单数据。
autocomplete HTML5属性

  • on(默认)
  • off
规定是否启用表单的自动完成功能。
enctype 见说明 规定在发送表单数据之前如何对其进行编码。
method
  • get
  • post
规定用于发送 form-data 的 HTTP 方法。
name form_name 规定表单的名称。
novalidate novalidate 如果使用该属性,则提交表单时不进行验证。
target
  • _blank
  • _self
  • _parent
  • _top
  • framename
规定在何处打开 action URL。

 

accept-charset:当在网页的字符串编码和需要发送的表单字符串编码不一致时可用,假如网页字符串编码是utf-8,而表单发送的内容确实gbk2312,则我们可以规定accept-charset=”gb2312″,这样子接收到的内容就不会出现乱码了。

character_set 服务器可处理的一个或多个字符集。如需规定一个以上的字符集,请使用逗号来分隔各字符集。常用值:

  • UTF-8 – Unicode 字符编码
  • ISO-8859-1 – 拉丁字母表的字符编码
  • gb2312 – 简体中文字符集

理论上讲,可使用任何字符编码,但没有浏览器可以理解所有的编码。字符编码使用得越广泛,浏览器对其支持越好。

如需查看所有可用的字符集,请访问我们的 字符编码参考

 

autocomplete:HTML5默认支持表单的自动完成,在输入表单框中会出现之前输入过的内容下拉,提供选择,你也可以选择关闭。autocomplete=”off”

novalidate:HTML5默认时启用这个验证的,当你在表单里面输入一些HTML5的属性则能够起到作用。如<input required >、<input autofocus=”true”>、<input pattern=\w+@[a-z0-9]+\.[a-z]+/g />等。当你不需要这些HTML5验证时,可以加上novalidate=”novalidate”


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流