大春春
大春春

表单标签
的使用

一，什么是表单

  • 可以收集用户的信息和反馈意见，是网站管理者与浏览者之间沟通的桥梁。如下图：
表单标签<form>的使用_第1张图片
经典表单

二，表单标签

  • 所有的表单内容都应放在标签内部，如下图：
form标签
  • 如上图所见，表单标签有两个属性action和method
    1.action：这个属性规定该表单提交的信息存储的文件以及它的地址，例如：

此时该表单提交的信息就会存储在XXX.php文件里

2. method：这个属性规定该表单的提交方式，方式有两个 get/post，默认是 get
PS： get和 post的不同点：
①：提交数据的方式不同， get可以再url上看到提交的数据， post会在url上隐藏提交的数据；
②： get只能提交少量数据，数据的容量是1k以内； post可以提交大量数据，但是不能超过服务器的容量；
③： get提交的数据会显示在浏览历史中，安全性比 post要差；
④： post是给：一般用于账号密码的输入； get是要：一般用于搜索引擎的关键词提交；

三，输入标签

  • 用处：标签一般用于给用户输入信息，服务器收集用户输入的信息；
  • 标签的用法
    1.用户名：，和密码框一样都是单行输入框，用于给用户输入账号用户名之类；
    效果：
    表单标签<form>的使用_第2张图片
    用户名输入

    2.密码框：，用于给用户输入密码，输入后信息会被伪装成小圆点；
    效果：
    表单标签<form>的使用_第3张图片
    密码框输入后信息被伪装成小圆点

    3.单选框： ,用于给用户选择只能选择一项的选择,
    PS：
    ①：单选框name属性必须要有，且每个选项的name值必须相同；
    ②：value属性的值也要有，否则提交后服务器显示的是on，就不能获悉提交的内容是什么；
    效果：
    表单标签<form>的使用_第4张图片
    单选框

4.复选框：，多项选择
PS：复选框name属性的值可以不一样，但是推荐一样方便用于分类；
效果：

表单标签<form>的使用_第5张图片
复选框

5.文件上传：，用于给用户上传文件
效果：

表单标签<form>的使用_第6张图片
文件上传

6.隐藏域：
用户看不见这个区域，常用于暂存数据和安全性校验；

四，下拉菜单标签