form html 表单



表单用于收集不同类型的用户输入数据，将用户输入数据提交给web服务器，表单使用http协议提交数据

• form标签：表单标签，定义表单区域
  • action属性：设置表单提交的服务器地址
  • method属性：设置表单提交的方式，一般有“GET”和“POST”方式, 不区分大小写

• label标签：表示表单标签的文字标注，定义文字标注
• input标签：表示表单标签的用户输入，定义不同类型的用户输入方式
  • type属性：
    • type=“text” 定义单行文本输入框
    • type=“password” 定义密码输入框
    • type=“radio” 定义单选框
    • type=“checkbox” 定义复选框
    • type=“file” 定义上传文件
    • type=“submit” 定义提交按钮
    • type=“reset” 定义重置按钮
    • type=“button” 定义一个普通按钮
      元素属性设置：
  • name属性：设置表单元素的名称，该名称是提交数据时的参数名
  • value属性：设置表单元素的值，该值是提交数据时参数名所对应的值
• textarea标签：表示表单元素的多行文本输入框标签 定义多行文本输入框
• select标签：表单元素的下拉列表标签 定义下拉列表
• option标签 ：与select标签配合，定义下拉列表中的选项
  如：

执行结果：

逐项填写，方便查看，可以打开浏览器的network(当前页面右击—>检查—>network)

点击提交，界面已经成功跳转到百度

可以看到数据是按照“GET”方式提交

参数按照“地址栏+?”的方式提交,问号后面是提交给服务器的数据，数据会直接显示在地址栏中，包括自己的账号密码，很容易造成密码泄露，因此只要涉及到登录账号密码数据时，不建议各位大佬使用“GET”方式，一般使用“POST"方式，改成“POST"方式提交，表单数据会放在请求体里面，不会显示在地址栏

改为post方式：

执行结果：

“POST"和“GET"方式提交数据，都以http协议提交给web服务器
就说到这里啦，以上如有问题，欢迎各位大佬随时指正！！！

版权声明：

本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。

本文网址：https://www.mushiming.com/mjsbk/4276.html