html表单

1.表单区域
form标签
语法：<form></form>
作用：

定义 HTML 表单域，是一个包含表单元素的区域。实现用户信息的收集和传递。举例说明：比如最为常见的交互操作，注册会员、跟帖留言或者文章发布等

注意：

form表单实现上述操作是最为常见方式之一，也可以使用其他方式，比如ajax等

2.表单元素
表单元素是允许用户在表单中输入内容的标签，比如：文本域、下拉列表、单选框、复选框等。

 input标签
 概述：`<input> `标签是最重要的表单元素。type属性取值不同，可以展示出不同的表单形式。

 作用：用来定义不同种类的输入控件

 语法：

  css
  <input type="类型">
  

 常用类型

   type="text" 

     作用：用于文本输入的单行输入字段

    css
      <input type="text" >
    

    

   type="password" 

     作用：定义密码字段

    css
    <input type="password" value="密码">
    

     注意：密码字段字符不会明文显示会显示为星号或实心圆

      

   type="radio"

     作用：定义单选按钮，允许用户在有限数量的选项中选择其中之一（需要指定单选按钮组）

    css
      <input type="radio">
    

    

   type="checkbox"

     作用：定义复选框，允许用户在有限数量的选项中选择零个或多个选项    

      css
      <input type="checkbox">
      

      

   type="button"

     作用：定义普通按钮

      css
         <input type="button" value="按钮">
      

     提示：value属性定义按钮显示的文本

      

   type="submit"

     作用：定义用于向表单处理程序提交表单的按钮

     注意：省略了提交按钮的 value 属性，该按钮将显示默认文本”提交”（不同浏览器表现不同）

      css
       <input type="submit" value="提交按钮">
      

      

   type="reset"

     作用：定义重置按钮，将表单元素的value属性值重置为它最初的默认状态

     注意：省略了提交按钮的 value 属性，该按钮将显示默认文本”重置”（不同浏览器表现不同）

      css
       <input type="reset" value="重置">
     

   type="image"

     作用：定义图像形式的提交按钮

     属性

       src=""：指定图片地址

       alt=""：指定替换文本

      提示：src 属性和alt 属性必须与 <input type="image"> 结合使用

        css
          <input type="image" src="button.png" alt="开始游戏">
       

  

 type="file" 

作用：用于文件上传

    css
    <input type="file">
 2 textarea标签

 作用：

  定义多行输入字段（文本域）

 语法：

css
  <textarea>初始值</texarea>

 注意：不能够使用value属性规定它的初始值，初始值在开始和结束标签之间设置

  css
   <textarea name="" id="" cols="30" rows="10">我是一个文本框</textarea>