HTML——表格、表单扩展学习

一、表格扩展学习
  添加单线:border-collapse:collapse
  隐藏空单元:empty-cells:hide
  斜线分类:border/rotate
  列分组:colgroup/col

二、表单扩展学习
  美化表单控件:
    1、label+checked

    2、position + opacity
  新的input控件:
    email:        电子邮件地址输入框
    url:          网址输入框
    number:        数值输入框
    range:          滑动条
    date/month/week:     日期控件
    search:         搜索框
    color:          颜色控件
    tel:          电话号码输入框(在移动端会默认调起数字)
    time:          时间控件
  新的表单属性
    autocomplete:      自动完成
    autofocus:        获取焦点
    required:        不能为空
    pattern:            正则验证
    method(get/post):    数据传输方式
    enctype:        数据传输类型
    name/value:       数据键值对
三、扩展标签:
  fieldset:    表单内元素分组
  legend:    为fieldset元素定义标题
  optgroup:    定义选项组

 

posted @ 2021-02-07 11:04  泰初  阅读(203)  评论(0编辑  收藏  举报