HTML之表单必备知识

表单

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>

效果图