首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏云计算linux

    列表、表格表单

    day02:列表、表格表单 目标:掌握嵌套关系标签的写法,使用列表标签布局网页 01-列表 作用:布局内容排列整齐的区域。 列表分类:无序列表、有序列表、定义列表。 网页中的表格与 Excel 表格类似,用来展示数据。 提示:在网页中,表格默认没有边框线,使用 border 属性可以为表格添加边框线。 -了解 作用:用表格结构标签把内容划分区域,让表格结构更清晰,语义更清晰。 经验:用 label 标签绑定文字和表单控件的关系,增大表单控件的点击范围。

    72810编辑于 2024-12-07
  • 来自专栏我的博客

    JQuery表格表单操作

    name=boxs]:checkbox:checked”).each(function(){ str+=$(this).val()+”|”; }); alert(str); }); </script> 2、表单验证代码示例 ; return true; } }); </script> 3、表格展开关闭代码示例: <style> .parent{ background:#CCC;} .select{ background:#666

    2.2K40发布于 2018-05-07
  • 来自专栏sktj

    jquery 操作表单表格

    image.png 表格变色 ? image.png $("tr:contains('王五')").addClass("selected")

    2.1K20发布于 2019-10-08
  • 来自专栏前端之攻略

    element 表格中展示表单

    编辑表格的内容,包含编辑头部及body的每行内容,以及增加行 <template>

    数据测试
    <div v-for="(item,index) in

    45610编辑于 2024-04-25
  • 来自专栏《三桥君 | AI产品方法论》

    HTML笔记:表格表单组合实例

    22710编辑于 2025-08-28
  • 来自专栏云计算linux

    WEB入门二 表格表单

    学习内容 Ø 表格的作用和制作 Ø 表单的制作 能力目标 Ø 掌握表格的创建 Ø 掌握设置表格的常用属性; Ø 理解表单的作用 Ø 熟练掌握表单常用元素 本章简介 表格对于网页制作而言极其重要,其最明显的优点是能够以行列整齐的形式来显示文本、数字、图片信息。 本章将学习如何在页面中创建一个表格以及表格的基本操作,例如合并单元格、使用背景图像美化表格、创建表单以及表单元素的基本用法。最后,通过举例讲解表格表单的综合应用。 2.1.19表单 通常情况下,为了保证表单的格式整齐、清晰,在创建表单时,可以使用表格搭建页面的框架。 Ø 常用form表单元素的用法 需求说明 实现购物网站用户注册页面,效果如图2.2.4所示: Ø 使用表格进行布局 Ø 包含常见的表单元素 巩固练习 一、选择题

    2.9K10编辑于 2024-12-17
  • 来自专栏韩曙亮的移动开发专栏

    【HTML】HTML 注册表单案例 ① ( 表格设置 | 设置表格位置和大小 | 设置表格标题 | 表单设置 | 表格中设置单选按钮 )

    文章目录 一、表格设置 1、设置表格位置和大小 2、设置表格标题 3、完整代码示例 二、表单设置 1、表格中设置单选按钮 3、完整代码示例 一、表格设置 ---- 1、设置表格位置和大小 在 html -- 设置表格宽度 600 像素, 表格居中 -->

    如果设置了 table 表格的 宽度为 600 像素 , 则 浏览器 缩小到 600 像素 , 就不能再缩小了 ; 下图中 浏览器 窗口已经缩小到最小 ; 2、设置表格标题 在 table 表格标签中 , 使用 caption 标签 设置 表格标题 ; <! -- 设置表格宽度 600 像素, 表格居中 --> <! -- 设置表格标题 -->

    用户注册信息

    </body> </html> 二、表单设置 ---- 1、表格中设置单选按钮

    8.2K20编辑于 2023-03-30
  • 来自专栏知道一点点

    bootstrap快速入门笔记(七)-表格,表单

    一,表格 1,

    中加.table类 2,条纹表格:通过 .table-striped 类可以给  之内的每一行增加斑马条纹样式。 5,紧缩表格 .table-condensed:让表格更加紧凑 6.状态类 通过这些状态类可以为行或单元格设置颜色。 a,垂直方向的内容截断:     响应式表格使用了 overflow-y: hidden 属性,这样就能将超出表格底部和顶部的内容截断。特别    是,也可以截断下拉菜单和其他第三方组件。    3),文本域:支持多行文本的表单控件。可根据需要改变 rows 属性。    class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>   9

    4.4K30发布于 2018-09-12
  • 来自专栏全栈程序员必看

    HTML中的表单_表格表单的作用各是什么

    表格 表格的基本构成标签 table 标签:表格标签 caption标签:表格标题 tr 标签:表格中的行 th 标签 : 表格的表头 td 标签:表格单元格 表格的基本结构

  • 定义表格定义表行 < form标签:表单 网页表单中有许多可以输入或选择的组件,用户可以在表单中填写信息,最终 提交表单,把客户端数据提交至服务器。 表单–文本 表单–其它表单表单–下拉框 表单–多行文本域 表单–按钮 内联框架 代码示例: <! -- 表单: 拥有许多可以输入,选择组件 ,用户输入信息,最终向服务器提交数据 form 表单标签 action="访问后端服务器地址" methond

    4.5K30编辑于 2022-09-22
  • 来自专栏闻道于事

    HTML表格表单综合——用户注册表

    今天学习了表格表单知识,我综合了他们添加了一些拓展知识做了一个用户注册表,以下面代码来整理表格表单知识: <! >   <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     <title>0606表格表单 <form> 标签用于为用户输入创建 HTML 表单。和用户交互,返回数据给服务器。 <form>中可以写在<body>的首尾,中间可以嵌套表格等 <form>属性:     action:提交给谁   method:提交方式,主要有get和post两种     get:提交的内容会以name 如果要提交文件,使用该属性 表单内的元素有十二个,分为三类: 基本为<input type=* name=** value=**> 1、文本输入类 文本框: <input type="text" name

    7.2K60发布于 2018-02-27
  • 来自专栏全栈开发那些事

    javascript表单提交的内容显示在表格

    实现三个文本域的内容提交之后显示在表格中,代码直接用文本文件运行,记得后缀改为.html 运行结果 输入123,并点击提交按钮之后,数据就会显示在下面的表格中,有什么问题可以私聊我。

    13.3K40编辑于 2023-02-27
  • 来自专栏码匠

    表单9 种设计技巧【上】

    全文 1308 字 阅读时间约 5 分钟本文首发于码匠技术博客表单是信息添加、录入的通用形式,合理的表单设计能减轻用户负担。这里码匠提供了一些表单设计的简单技巧。 以下为该研究中捕捉到的用户在填写三种对齐方式的表单时的眼动轨迹(圆圈越大,注视时间越长):图片图片图片可以看到,在顶部左对齐的设计中,用户能够在单次视线移动中同时获取标签和输入字段,可以更快理解表单。 如果希望用户能快速扫描填写表单,那么标签顶部对齐是最佳选择。注意对齐的一致性,所有标签在整个表单中都应该遵循相同的对齐方式。 图片 因为左侧左对齐使得浏览表单所需时间最长,如果表单要求敏感数据如银行卡号等,也可以使用左侧左对齐来故意减缓用户的填写速度,来确保填写的准确性。 技巧 4:表单输入框放在一列码匠建议您尽量将所有表单输入框放在一个列中,使填写路径更加清晰。保持有秩序的单列表单形式更利于用户浏览,而多列的表单形式则会破坏用户填写规律,进而影响完成表单的速度。

    1.2K50编辑于 2022-09-15
  • 来自专栏前端知识分享

    第3天:CSS浮动、定位、表格表单总结

    今天学的是浮动、定位、表格表单等内容,这些是CSS中最容易混淆的知识,有许多小技巧在写代码过程中需要注意。 标准浏览器) 父级加了透明度,子级也会继承透明度; IE滤镜:filter:alpha(opacity=0~100);(IE6、IE7浏览器透明度设置) z-index定位层级 默认后者的值高于前者 六、表格 (table) thead(表头)、tbody(表格主体)、tr(表格行)、th(元素定义表头)、td(元素定义表格单元) 表格样式重置 table{border-collapse:collapse;} 单元格间隙合并 th,td{padding:0}重置单元格默认填充 给table加border=“1”;单元格加边框 合并单元格 colspan=“2”(跨列) rowspan="2"(跨行) 七、表单

    2.1K40发布于 2018-09-11
  • 来自专栏全栈程序员必看

    HTML 表格表单代码实例(个人简介表)

    <input …>表单交互元素 拿走请三联,并注明出处呀 <!

    2.7K40编辑于 2022-09-18
  • 来自专栏码匠

    表单9 种设计技巧【下】

    全文 1642 字 阅读时间约 5 分钟 本文首发于码匠技术博客 书接上文(表单9 种设计技巧【上】),码匠继续为您分享表单交互设计中的小技巧~ 技巧 5:对相关信息分组,并折叠不常用表单项 对有关联的信息进行分组是提高文案可读性的常用策略 许多情况下,表单组件可以利用表格选中行设置默认值。 例如下图,引用表格组件的 table.selectedRow.data 属性,将表格当前行的数据作为默认值来自动填充表单,并允许用户修改和提交表单: 图片 技巧 7:输入校验和反馈 在提交表单到数据库之前进行数据校验 技巧 9:布局 最后一个技巧是设计用户友好的组件布局,这并没有千篇一律的公式,但码匠为您总结了以下几点建议: 使用对话框 前面提到,许多情况下需要搭配使用表格组件和表单组件。 当涉及到更新表格中的一条记录时,最佳做法是将表单放入对话框中,当用户点击链接或按钮时,再自动弹出填充了默认值的表单,而不是将表单一直静态展示在表格旁边,防止用户在浏览表单时不小心编辑数据。

    3K00编辑于 2022-10-10
  • 来自专栏python基础文章

    第三章 网页中的表格表单

    表格的结构

  • 表格标题
    定义表头
    cellspacing="0" #行 < /tr>
    单元格- 单元格-
    单元格- 单元格-
    表格的主要属性 border 边框 cellspacing 表示单元格的间距 cellpadding 表示单元格中内容于单元格边框之间的间距 网页中的表单 作用:实现注册页面 收集数据等功能 基本格式 <form action="提交<em>表单</em>的具体后台网页"method ="提交方式"> 表单元素 </form> 常见表单元素: text 文本框       password 密码框     radio单选按钮      CheckBox多选按钮    select下拉菜单

    96550编辑于 2022-11-20
  • 来自专栏项目文章

    Flask学习与项目实战9:WTF表单验证

    1.WTF表单验证介绍 Flask-WTF是简化了WTForms操作的一个第三方库。WTForms表单的两个主要功能是验证用户提交数据的合法性以及渲染模板。 2.进行表单验证 validators就是传一些验证参数进去来进行比较。

    40110编辑于 2024-06-07
  • 来自专栏岳泽以博客

    JavaScript案例:表格隔行变色效果及表单全选取消全选

    表格隔行变色效果 案例分析 用到鼠标事件 鼠标经过 onmouseover 鼠标离开 onmouseout 核心思路:鼠标经过tr行,当前的行变背景颜色,鼠标离开去掉背景颜色 注意:第一行(thead里面的行 trs[i].onmouseout = function() { this.className = ''; } } 表单全选取消全选

    2.4K20编辑于 2022-10-26
  • 来自专栏陶然同学博客

    【JavaScript】完善注册表单校验&案例2:表格隔行换色

    本期介绍 本期主要介绍完善注册表单校验&案例2:表格隔行换色 文章目录 1. 案例 1:完善注册表单校验 1.1 需求说明及分析 1.2 JavaScript 知识讲解(一) 1.2.1 操作元素内容体-innerHTML 2. 案例 2:表格隔行换色 2.1 需求说明及分析 2.2 JavaScript 知识讲解(二) 2.2.1 JS 数组 2.2.2 获取元素对象的四种方式 1. 案例 1:完善注册表单校验 1.1 需求说明及分析 之前注册校验通过警告框来提示信息,这使得信息的提示很不友好。 所以我们对信息的提示进行改进,使错误信息的提示以图示方式进行展示。 案例 2:表格隔行换色 2.1 需求说明及分析 开发中,需要使用表格陈列数据,数据过多不易查看,通常使用隔行换色进行表示。

    67530编辑于 2023-02-27
  • 来自专栏学习猿地

    Web前端学习 第2章 网页重构3 表单表格元素

    一、表格元素 在网页中,我们通常用表格来显示数据,例如下面的学生列表。 在实际开发中,我们用css来设置表格的样式,而不是用表格的属性。 二、表单元素 在网页中,我们通常用表单向服务器发送数据,例如下面一个最简单的登录功能。 我们先来看一个完整的表单,然后再来分别介绍表单涉及到的标签。 ,为了实现采集数据的功能,其他表单标签应当放在form标签之内。

    1.8K00发布于 2020-06-12
领券