美文网首页海纳百川
HTML之表单必备知识

HTML之表单必备知识

作者: 凛冬已至_123 | 来源:发表于2018-06-24 14:55 被阅读0次

表单

HTML里的表单指的是form标签
下面介绍一下标签属性

  • action: 表单提交的地址
  • method:提交表单的方法-post/get
  • target:在何处打开action
  • enctype:
    • application/x-www-form-urlencoded
    • text/plain:
    • multipart/form-data

先看一个例子

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<form action="/lll" method="post"> 
  <div>
    <label for="name">用户名</label>
  <input type="username" id="name" name="username" placeholder="请输入用户名"> 
  </div>
  <div>
    <label for="">密码</label>
    <input type="password" name="password" placeholder="请输入密码">
  </div>
<div>
  <label for="">游戏</label>
  <input type="checkbox" >
    <label for="">运动</label>
  <input type="checkbox" checked>
</div>
 <div>
   <label for="">男</label>
   <input type="radio" name="sex" value="man" checked>
   <label for="">女</label>
   <input type="radio" name="sex" value="male">
 </div>
  <div>
    <select name="car" id="car">
      <option value="baoma">宝马</option>
      <option value="benchi">奔驰</option>
      <option value="dazhong" selected>大众</option>
    </select>
  </div>
  <input type="submit" value="OK">
</form>
</body>
</html>

效果图


简单图形界面

具体标签属性功能对照一目了然,如果还是不理解就搜索一下

POST和GET的区别

  • 表象不同:GET 提交的数据可以在url中看到,POST看不到
  • 原理不同:GET是拼接url,POST是放在请求体中
  • 提交的数据量不同:GET最多提交1K数据,受浏览器限制;POST理论上无限制,受服务器制约
  • GET提交的数据在浏览器历史记录中,安全性不好
  • 场景不同: GET重在“要数据”,POST重在“给数据”

GET和POST在url中的体现

  1. GET


    url
  2. POST


    url
    Headers

相关文章

  • HTML之表单必备知识

    表单 HTML里的表单指的是form标签下面介绍一下标签属性 action: 表单提交的地址 method:提交表...

  • 【Vue】常用指令之v-html

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-html v-html指令其实...

  • form表单(一)

    知识点: 什么是表单 GET和POST HTML表单 在HTML中,表单的作用是收集标签中的内容, ... 中间...

  • HTML基础知识之表单

    表单的用途非常广泛,比如电子邮箱、用户注册登录、网上搜索等,简单来说,表单是一个将用户信息阻止起来的容器; 一、表...

  • 事件处理--表单事件

    表单的基础知识 提交表单 表单的基础知识 在html中,表单是由 元素来表示的,它有以下独有的属性和方法actio...

  • $14 表单脚本

    1. 表单基础知识: 在HTML中,表单由 表示;在JS中,表单由HTMLFormElement类型表示,它继承了...

  • 表单脚本基础知识

    本文介绍了JS表单脚本的基础知识,希望大家对表单脚本有初步的理解,后续还会详细整理各类表单的知识 HTML元素 <...

  • 【javascript】表单的基础知识

    表单的基础知识 在HTML 中,表单是由 元素来表示的,而在JavaScript中,表单对应的则是HTMLForm...

  • html的表单知识

    一开始用的时候,我会容易把表单和表格搞混淆,其实在html的语义当中可以很明显的区别出来。 表格我们用的是tabl...

  • HTML表单

    本笔记记于2021年,摘自MDN HTML板块 1.HTML表单是什么 HTML表单是用户和web站点或应用程序之...

网友评论

    本文标题:HTML之表单必备知识

    本文链接:https://www.haomeiwen.com/subject/xwajyftx.html