当前位置 博文首页 > 文章内容

    html表单,HTML 标签属性用法详解

    作者:dlxiaoyu01 栏目:站长日志 时间:2021-02-26 13:45:22

    本站于2023年9月4日。收到“大连君*****咨询有限公司”通知
    说我们IIS7站长博客,有一篇博文用了他们的图片。
    要求我们给他们一张图片6000元。要不然法院告我们

    为避免不必要的麻烦,IIS7站长博客,全站内容图片下架、并积极应诉
    博文内容全部不再显示,请需要相关资讯的站长朋友到必应搜索。谢谢!

    另祝:版权碰瓷诈骗团伙,早日弃暗投明。

    相关新闻:借版权之名、行诈骗之实,周某因犯诈骗罪被判处有期徒刑十一年六个月

    叹!百花齐放的时代,渐行渐远!



        从传统意义上讲,"表单"这个词指代的是一个文档,这个文档中有一些空白区域可供用户填写信息。区别于传统意义上的表单,HTML 中的表单不仅可以供用户填写信息还可以为用户提供信息。
        例如,C语言中文网的登录或注册面使用的就是表单。当用户填写了相应信息后,这些信息就会经过表单服务器被提交到网站的后台,后台管理人员可以经过一系列操作拿到用户输入的信息来判断是否允许用户登录或注册。接下来我们看一下在网页中是如何使用表单的。
        1. 简述<form>标签
        HTML 中规定,使用 <form> 标签来表示表单。我们都知道表格的行、列及单元格需要放在 <table></table> 标签中,表单里的元素也不例外,同样需要放在 <form></form> 标签中。<form> 标签有几个常用的属性,见下表:
        <form> 标签的常用属性
        

        具体语法如下:
        <form action="url" method="post" name="formName"></form>
        此处使用提交方法为post,还可以设置为get。我们来看一下两者之间有什么区别:
        get :用户点击提交按钮后,提交的信息会被显示在页面的地址栏中。一般情况下,get提交方式中不建议包含密码,因为密码被提交到地址栏,不安全。
        post:如果表单包含密码这种敏感信息,建议使用post方式进行提交,这样数据会传送到后台,不显示在地址栏中,相对安全。
        

        2. <form>标签所有属性
        以上我们列举的是 <form> 标签的常用属性,接下来看一下它的所有属性:
        <form> 标签的所有属性
        

        action规定用户点击提交按钮时,表单被提交到的位置。
        method规定表单提交时所使用的 http 请求方法,只能是 get 或 post 中的任意一种。
        name定义表单的名称,不能包含特殊字符和空格。
        accept-charset规定在被提交表单中使用的字符集(默认:页面字符集)。
        autocomplete规定浏览器应该自动完成表单(默认:开启)。
        enctype规定被提交数据的编码(默认:url-encoded)。
        novalidate规定浏览器不验证表单。
        target规定 action 属性中地址的目标(默认:_self)。
        如果某个文档要加入多个表单,<form> 标签不可以互相嵌套。表单的提交功能我们在后面章节会详细讲解。