一、表单

  1. 表单作用:收集数据,收集用户信息;
  2. 表单域:就是指放表单控件的区域,;form里可以嵌套其他的标签;
  3. 表单属性:action = ‘接口地址’、method = ‘get / post’ 、name = ‘表单名称’;
  4. 空标记: 添加表单控件的标签;

二、表单控件

  1. type=“text” 文本框
    表单及控件
  2. type=“password” 密码框
    表单及控件
  3. type=“submit” 提交按钮
    表单及控件
  4. type=“reset” 重置按钮
    表单及控件
  5. type=“button” 空按钮
    表单及控件
  6. value=“”: 表单控件的默认值
    表单及控件
  7. placeholder=“” 添加提示信息
    表单及控件
  8. input type=“radio” name=“ral” 单选按钮组
    表单及控件
  9. input type=“checkbox” 复选框组 、checked="checked 默认选中、disabled=“disabled” 禁用
    表单及控件
  10. input type=“file” 上传文件域
    表单及控件
  11. input type=“hidden” 隐藏表单元素
    作用:储存内容,不会再浏览器里显示出来;
    表单及控件
  12. 下拉菜单:select option输出内容/option /select
    说明: 默认选择项用selected=“selected”属性;
    给select加上 size="” 属性之后,就变成了列表了; (很少用)
    表单及控件
  13. 多行文本框:
    语法: textarea name="" cols="" rows="" /textarea
    name=“”属性:每个表单元素都可以添加,但是当前这个属性不是必须有的,但是当进行表单验证的时候,一定要加上name属性
    cols =“” : 设置宽度 是以字符为单位
    rows=“”: 设置行数 是以字符为单位
    表单及控件
    阻止浏览器对窗口的拖动设置:{resize:none;}
    表单及控件

相关文章: