HTML基础学习笔记（3）--- form元素

表单元素：<form>

使用<form>定义表单，表单元素指的是不同类型的input元素，包括复选框、单选按钮、提交按钮等。<form>表单提交数据到服务器。

1.  <form>表单属性：

• action属性：表示提交服务器的地址，跳转页面
• method属性：指定提交表单数据时要使用的 HTTP 方法，get请求和post请求是HTTP请求的两种基本方法。

         get方法和post方法的区别：

             1. get请求参数显示在地址栏，post会将数据封装到formdata

             2.  get请求安全性没有post请求高

             3. get请求有数据大小的限制，一般不超过2kb；post请求没有大小限制           

• target属性：规定提交表单后在何处响应
• name属性：如果要正确地被提交，每个输入字段必须设置一个 name 属性。
• accept-charset属性：规定在被提交表单中使用的字符集（默认：页面字符集）
• enctype属性：规定被提交数据的编码（默认：url-encoded）
• autocomplete属性：规定浏览器应该自动完成表单（默认：开启）

2. 表单元素

     ①<input>元素：根据不同的type属性有很多形态，输入字段可以是文本字段、复选框、单选按钮、按钮等；

     input标签的type属性：规定input元素的类型

• text：定义常规文本输入；
• radio：定义单选按钮；
• submit：定义提交按钮；
• number：定义输入的内容只能为数字；
• file：生成一个上传文件控件；
• button：定义一个普通按钮；
• image：定义图片按钮；
• checkbox：定义复选框，一组复选框name属性值相同用户可选择多个；
• password：定义隐藏字符的密码框
• reset：定义重置按钮；
• email：定义检测电子邮件的文本框
• hidden：生成一个隐藏控件；
• data：定义日期选择框
• month：定义月份选择框
• color：定义颜色选择框

     ②<select>元素：定义下拉列表，创建单选或者多选菜单，<select&> 元素中的 <option> 标签用       于定义列表中的可用选项。

     ③<textarea> 元素：定义多行输入字段（文本域）

     ④<button> 元素：定义可点击的按钮

3.  <input>输入属性

• value 属性：规定输入字段的初始值
• readonly 属性：规定输入字段为只读（不能修改）
• disabled 属性：规定输入字段是禁用的；被禁用的元素是不可用和不可点击的，被禁用的元素不会被提交。
• size 属性：规定输入字段的尺寸（以字符计）