前端学习day12-总结

关键词:scope



在线添加数据到表单



一 .  th  > scope

语法: <th scope="col|row|colgroup|rowgroup">

            col: 规定单元格是列的表头。

            row:规定单元格是行的表头。

            colgroup:规定单元格是列组的表头.

            rowgroup:规定单元格是行组的表头



二. <label></label> 提高用户体验

原本的表单属性中,比如单选按钮:    <p>男</p>  <input type="radio">     <p>女</p>  <input type="radio">

若想要点击男 女,必须要鼠标点到那个小圆点,用户体验极差。

此时,可以利用<label>包裹男女,这样用户在点击“男”这片区域时,也可以选中单选按钮。


三 . placeholder

设置输入框的值“请输入姓名”


四 . required(加在input内末尾)

目的是防止提交空的数据给服务器,在前端就拦截并提示“请输入字段”


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 专业考题类型管理运行工作负责人一般作业考题内容选项A选项B选项C选项D选项E选项F正确答案 变电单选GYSZ本规程...
    小白兔去钓鱼阅读 9,059评论 0 13
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,083评论 0 0
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,130评论 2 21
  • 本文将继续上文接着介绍一些HTML常用标签 1:HTML全局属性 在介绍常用常见的HTML标签之前,先以最简单的方...
    憨憨二师兄阅读 369评论 0 0
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,160评论 0 0