Unit3 HTML5中的表单及表单控件 2021.11.11

一、表单元素

• form元素用于生成输入表单
  • action：指定表单被提交的地址（必填）
  • method：指定提交表单时发送何种类型的请求(get,post)
  • enctype：默认一个name一个值...
• 面试题：get和post请求的主要区别
  1. get提交表单中的内容参数在地址栏是可见的，而post不可见的
  2. post相比于get是安全的
  3. post请求传输的数据量不受大小限制而get有限制大小。

  • get:提交的数据量根据浏览器而定一般不超过2kb，表单提交时表单域数值（表单请求的信息：账号、密码…）将在地址栏显示,不安全。

  • post:传递的数据量不受限制，表单提交时表单的域值（表单请求的信息：账号、密码…）不会在地址栏显示，安全性能较高，对信息进行了隐藏，一般在开发中采用post。

二、input元素

1. type属性有哪些？
   • 单行文本框text
   • 密码输入框password
   • 单选框radio 例：name都等于sex时产生选择互斥的效果
   • 复选框checkbox
   • 文件上传域file
   • 隐藏域hidden(提交页面的信息如果需要隐藏用到的)
   • 提交按钮submit 会把数据提交到后台,数据的标识符是name等于后面的值,数据的默认值是value等于的值
   • 重置按钮reset 会把页面填写的数据重置
   • 单纯的纯粹按钮：butten
   • 生成一个日期选择器：date
   • 生成一个邮箱输入框：email 会检查@的存在
   • 注意：如果该元素值的信息需要提交，就需要设置name属性
2. input中包含的常用属性有哪些？
   • id:表示input的唯一标识
   • name:如果该元素值的信息需要提交，就需要设置name属性
   • value:表示input的默认值，不写，值就是在该input里输入的值
   • checked:默认被选中（适用于单选框和复选框）
   • disable:输入框被锁定变成深灰色，value属性是什么输入框里就显示什么
   • maxlength:指定文本框中允许输入的最大字符数
   • placeholder:占位符，用作输入框的提示信息最为合适
   • readonly:设置文本框为只读，不可写
   • size:设置元素宽度
   • autofocus:自动获取焦点，一般只显示一处
   • required:表示必须填写的

三、select标签下拉列表

• select标签中有option标签
• 在select标签定义name属性在提交时才可以提交

四、textarea文本域

属性

• colr:指定文本域宽度
• rows:指定文本域高度
• readonly:指定文本域只读
• disable:禁用

五、按钮标签button

属性:submit,reset,button