简单介绍HTML表单的用法

  • 同我们平时填写的纸质表单一样,HTML表单用于搜集不同类型的用户输入

  • 表单是一个包含表单元素的区域,表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框……)输入信息的元素
    这样,当我们提交的时候,Form可以把输入框中获取到的信息提交到Form对应的后台地址上

  • Form标签里有许多属性可以设置:
    1.action:表单提交的地址,例如
    <form action = "/abc">...</form>
    当输入信息提交后,页面转到了这个指定的地址上;
    2.method:表单提交的方法,method中有两个类型:post、get
    3.target:在何处打开atction
    4.enctype:
    ·application/x-www-form-urlencoded:在发送前编码所有的字符
    ·text/plain:空格转换为“+”,但不对特殊字符编码
    ·multipart/form-data:使用包含文件上传控件(多媒体控件例如音频视频)的表单时,必须使用该值

  • 在表单中添加按钮标签<input type = "button" name = "button">,由于按钮是处于表单内的,所以它会把输入框中的信息以发送请求的形式发送到表单的action指定的地址上,<button>...</button>这个按钮标签放在表单内时与其作用相同。在表单外的输入框将不会为表单服务,它获取到的信息不会被发送到指定的后台地址上,在表单内放一个<input type = "button">这样的按钮标签同样不会将表单内搜集到的信息发送后服务器地址上,这个按钮不产生页面跳转,多数情况下,用于通过 JavaScript 启动脚本

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

推荐阅读更多精彩内容