我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

零基础前端开发-辛洋-20230412

[复制链接]
肤浅1543学员认证 发表于 2023-4-12 23:00:42 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
表格标签

  <table></table>定义表格标签
  <tr></tr> 标签用于定义表格中的行(table row),要嵌套在<table></table>标签中
  <td></td>标签用于定义行中的单元格(table data), 必须嵌套在<tr></tr>标签中
  <th></th>标签定义行中的内容是否是表头内容,表头的内容会加粗并且居中对齐表格
标签常用属性
  align 规定表格的相对于周围元素的水平对齐方式
  border 固定表格的是否拥有边框,默认是没有的
  width 固规定表格的宽度
  height 规定表格的高度
  cellpadding  控制单元格内容和单元格边框之间的距离(一般会设置为0)
  cellspacing:控制单元格和单元格之间的距离(一般会设置为0)
合并单元格的步骤
  1、找到目标单元格
  2、确定是跨行还是跨列合并
    跨行合并 rowspan=“被合并单元格的个数”, 合并单元格的个数最少是2
    跨列合并 colspan=“被合并单元格的个数”,合并单元格的个数最少是2
  3、将被和合并的单元格删除掉


    列表标签

      无序标签

      有序标签

      自定义标签

    查单标签

      常用的属性

        action

        属性值:url地址,用于指定接受并处理表单内容的服务器地址。

         method

          属性值:get/post,用于指定表单数据传递的方式,取值为get/post

          name

         属性值:名称,用于区分同一个页面中的不同的表单

    表单控件

        text  定义单行输入文本框,输入文本内容

        password 定义密码输入框,输入的内容加密显示

        button  定义按钮,一般会和js联合使用

        file 定义文件提交按钮

        radio定义单选按钮

        checkbox定义多选按钮

        submit定义提交按钮

        reset定义重置按钮


      input表单元素的其他属性

          name和value 是每个表单元素都有的属性值,主要是发送数据的时候给后台人员使用

          name可以设置表单元素的名字,要求相同的单选按钮或者复选框要有相同的name值

          value规定input表单元素的值,可以修改按钮的内容,也可以给文本输入框设置默认文本

          checked 可以在页面重新加载的时候默认选中某个表单元素,一般只针对单选按钮和复选框

          maxlength  规定输入框中的最大字符数,一般都会写正整数


      label标签的使用

          label标签用于绑定一个表单元素,当点击该标签内的文本时,浏览器会将焦点自动聚焦到对应的表单元素上,可以增加用户体验。

          label标签中的for属性的属性值要和绑定的表单元素的id属性值保持一致



      select表单元素

          在页面中,如果有多个选项让用户去选择,还可以节约页面的空间,就能使用select标签定义下拉列表

          基本语法

          select标签定义下拉列表

          option标签定义列表中的选项,一个select标签至少应该有一个option标签

          如果要默认选中某个选项,就给option标签添加selected属性值,属性值为selected



      textarea表单元素

          textarea文本域标签,一般用在评论区或者用户输入内容较多的时候(留言版)

          例

          cols 控制文本域中的文字应该显示多少列

          rows 控制文本域中的文字应该显示多少行

          实际开发过程中一般不会使用cols 和 rows来控制文本域的大小,会使用width 和 height来进行控制

      今日问题


         

回复

使用道具 举报

关注0

粉丝0

帖子42

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026