表单(各类按钮)_表单当中按钮有哪些,他们有什么作用

1. 表单:用来收集用户信息
   在html中,一个完成的表单由三部分组成,表单域,表单控件(表单元素),提示信息
   input 输入  type:类型,种类   text:文本,文字  password:密码,加密
   placeholder:提示语 属性提供可描述输入字段预期值的提示信息.
       该提示会在输入字段的时候为空显示.
   <p>
       账号:<input type="text" placeholder="账号">
   </p>

   <p>
       密码:<input type="password" placeholder="密码">
   </p>
   button 按钮
   <button>登录</button>
     submit:也是按钮 自带提交; value:可以修改按钮提示字
      <input type="submit" value="注册">

 2.多选框
      checkbox:定义多选框
     checked:可以设置默认选项
 例子:
   选择你喜欢的城市:
   <input type="checkbox" name="" id="">上海
   <input type="checkbox" checked>杭州
   <input type="checkbox" name="" id="">北京
   <input type="checkbox">深圳

 3.单选框
  radio:动词 发送传送  用于单选 radio 对象代表 html表单中的单选按钮
  单选按钮是表示一组互斥的选项按钮中的一个,当一个按钮被选中,之前选中的按钮就变成非选中
   列子:
   选择你的性别
   男:<input type="radio" name="sex" id="">
   女:<input type="radio" name="sex" id="">

 4.下拉列表:
   select:选择    option:可选择权,可选择的事务
   selected:设置下拉列表的默认选项
   例子:
   选择你得政治身份
   <select name="" id="">
       <option value="">群众</option>
       <option value="" selected>团员</option>
       <option value="">预备党员</option>
       <option value="">党员</option>
       <option value="">中共党员</option>
   </select>
 

 5.textared:多行文本输入框
  <textarea name="" id="" cols="30" rows="10">多行文本输入框</textarea>
  <!--reset:设置重置  value:可以修改默认属性
  color:颜色   date:日期  min:最小值  file:可选择的文件
  range:范围  time:选择时间  week:时间 周-->

 例子:
  <input type="reset" name="" id="" value="全部清空">
  <input type="color" name="" id="">
  <input type="date" name="" id="" min="2022-02-01" max="2027-01-01">
  <input type="file" name="" id="">
  <input type="range" name="" id="">
  <input type="time" name="" id="">
  <input type="week">
  <input type="month" name="" id="">

 6.
 垂直的按钮组
  class .btn-group-vertical 的使用：