HTML表单的用法总结

1.表单的标准格式:

    <form method="" action=""  enctype="multipart/form-data"  >
 <input type="text" name="username" />
 <input type="password" name="pwd" />

</form>
其中method的值可以使get或者是post 区别在于get请求时,数据大小不能超过2k,同时请求的内容会出现在地址栏上。
post请求时,一般请求数据不能超过8M 但是可以通过设置加大。同时请求参数放在主体中,不会被看到。隐蔽性好。
action是请求的url路径。
enctype="multipart/form-data" 是上传文件时必须写的。
2.表单中的表单项有:
普通文本框 <input type="text" name="" value="" placeholder /> placeholder是提示文本内容
密码框 <input type="password" name="pwd" />
单选框 <input type="radio" name="" value="" />
复选框 <input type="checkbox" name="" value="" />
提交按钮 <input type="submit" name="提交" />
普通按钮 <input type="button" name="提交" value="提交" />
重置按钮 <input type="reset" value="" />
上传文件 <input type="file" name="" />
下拉列表 <select name="">
<option value=""></option>
<option value=""></option>
</select>
文本域 <textarea></textarea>
隐藏项 <input type="hidden" name="" value="" />
图片提交按钮 <input type="image" src="" />

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

推荐阅读更多精彩内容

  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 434评论 0 1
  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 1,153评论 0 0
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 912评论 0 1
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,201评论 3 17
  • 很多人议论纷纷,说现在过年失去了以往的情趣,没有以前的快乐,我们现在生活富裕起来,我们的快乐去哪里了? 过年时候...
    华敏中医阅读 181评论 0 0