formenctype属性和formtarget属性

formenctype属性规定在发送到服务器之前应该如何对表单数据进行编码。

formenctype属性的值有三个:第一个:application/x-www-form-urlencoded 在发送前编码所有字符(默认)
第二个: multipart/form-data 不对字符编码。在使用包含文件上传控件的表单时,必须使用该值。
第三个: text/plain 空格转换为 "+" 加号,但不对特殊字符编码。

formenctype属性的使用方法代码如下:

<!DOCTYPE html>
<head>
<title>formenctype属性示例</title>
<meta charset="UTF-8">
</head>
<form action="server.jsp"  method="post"> 
<input type="text" name="name" value="test"><br /> 
文件:<input type="file" name="files">
<input type="submit" value="上传" formaction="uploadFile.jsp" formenctype="multipart/form-data">  
<input type="submit" value="提交"> 
</form>

上面的代码运行时如下图片:


Paste_Image.png

formtarget属性定义:formtarget 属性覆盖表单元素的 target 属性。该属性与 type="submit" 配合使用。

formtarget属性的右五个:
第一个:_blank(在新窗口/选项卡中将表单提交到文档。)
第二个:_self (在同一框架中将表单提交到文档。(默认))
第三个:_parent(在父框架中将表单提交到文档。)
第四个:_top(在整个窗口中将表单提交到文档。)
第五个:framename(在指定的框架中将表单提交到文档。)

formtarget属性的使用方法代码如下:

<!DOCTYPE html>
<head>
<title>formtarget属性示例</title>
<meta charset="UTF-8">
</head>
<form id="testform" action="serve.jsp">   
<input type="submit" name="s1" value="v1" formaction="s1.jsp" formtarget="_self">提交到S1
<input type="submit" name="s2" value="v2" formaction="s2.jsp" formtarget="_blank">提交到S2
</form>

运行结果如图:

Paste_Image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,771评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,823评论 25 709
  • 22年12月更新:个人网站关停,如果仍旧对旧教程有兴趣参考 Github 的markdown内容[https://...
    tangyefei阅读 35,301评论 22 257
  • 累了一天 回到家里,如果有一顿可口的饭菜在等候 如果有爱人在翘首以盼 多少累也是值得的 食物从第一口入舌,再入口,...
    野里拐阅读 2,839评论 0 0
  • Attention: 有点病态 小学生文笔。 如果接受,请继续 棺材监禁 一片黑暗。 乱步感觉自己喘不过气来,就算...
    RF_Patricia阅读 19,297评论 2 7