细说from标签

举例:

<form  name="biaodanmingcheng" action="mailto:lvyestudy@foxmail.com" method="post" target="_blank" enctype="application/x-www-form-urlencoded"></form>

form标签属性

  • <form>标签有几个属性,分别是actionmethodenctypetarget属性。这几个属性由于实际操作性不是很强,比较抽象。
  • 表单名称name
    • 一个页面你的表单可能不止一个,为了区分这些表单,我们使用 name属性来给表单进行命名。这样也是为了防止表单提交之后到后台程序出现混乱。
  • 提交表单action
    • action用于指定表单数据提交到哪个地址进行处理
  • 传送方法method
    • 表单method属性作用是告诉浏览器,指定将表单中的数据使用哪一种HTTP提交方法,取值为getpost
form标签的method属性
method属性值           说明
get                 默认值,表单数据被传送到action属性指定URL,然后这个新URL被送到处理程序上
post                表单数据被包含在表单主体中,然后被传送到处理程序上
  • 目标显示方式target
    • <form>标签的target属性跟<a>标签的target属性一样,都是用来指定目标窗口的打开方式。
<form>标签target属性
target属性值       说明
_self           默认值,表示在当前的窗口打开页面
_blank          表示在新的窗口打开页面
_parent         表示在父级窗口中打开页面
_top            表示页面载入到包含该链接的窗口,取代当前在窗口中的所有页面,因此其他所有
  • 编码方式enctype
    • <form>标签的enctype属性用于设置表单信息提交的编码方式。
<form>标签的enctype属性
enctype属性值                        说明
application/x-www-form-urlencoded    默认的编码方式
multipart/form-data                  MIME编码,对于“上传文件”这种表单必须选择该值
一般情况下,采用默认值就行了(即enctype属性不需要设置)。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容