首页
学习
活动
专区
圈层
工具
发布

HTML笔记(5)

自定义列表 在HTML中,(definition lists)标签用于定义描述列表(或定义列表),该标签会与dt>(definition term)(定义项目/名字)和dd>(definition...为什么要使用表单: 使用表单的目的是为了收集用户信息。 在我们的网页中,我们需要和用户交互,手机用户资料,此时就需要表单。...表单的组成: 表单域 表单控件(也叫做表单元素) 提示信息 表单域: 表单域是一个包含表单元素的区域 在HTML中,标签用于定义表单域,以实现用户信息的收集和传递。...,如下 有两种方式可以实现: 1.value (占用字符,在输入信息前需手动删除,主要给后台人员使用) 2.placeholder (不占用字符,点击文本框时自动消失) checked...的作用就是在加载出页面时默认选中某些选项。

1.3K10

HTML标签(二)

表格标签 表格的主要作用 表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。...在 HTML 标签中, 标签用于定义描述列表(或定义列表),该标签会与 dt>(定义项目/名字)和 dd>(描述每一个项目/名字)一起使用。...表单域 表单域是一个包含表单元素的区域。 在 HTML 标签中, 标签用于定义表单域,以实现用户信息的收集和传递。 会把它范围内的表单元素信息提交给服务器.... 标签用于绑定一个表单元素, 当点击 标签内的文本时,浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上,用来增加用户体验....元素 在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用标签控件定义下拉列表。

1.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    html学习笔记第二弹

    在HTML标签中,标签用于定义描述列表(或定义列表),该标签会与dt>(定义项目/名字)和dd>(描述每一个项目/名字)一起使用。...li,有顺序 自定义列表 里面有两个标签,dt和dd 表单 表单是为了在网页中收集信息 表单的组成 在HTML中一个完整的表单通常由表单域、表单控件(表单元素)、提示信息3部分组成...用来区分同一个页面中的多个表单域 表单控件(表单元素) 在表单域中可以定义各种表单元素,这些表单元素就是允许用户在表单中输入或者选择的内容控件。...reset 定义重置按钮重置按钮会清除表单中的所有数据 submit 定义提交按钮,提交按钮会把表单数据发送到服务器 text 定义单行的输入字段,用户可在其中输入文本。..., 一般较少使用 label标签 标签为input元素定义标注(标签) 使用场景:标签用于绑定一个表单元素,当点击标签内的文本时,浏览器就会自动将光标转到或选择对应的表单元素上

    5.1K10

    html学习笔记第二弹

    在HTML标签中,标签用于定义描述列表(或定义列表),该标签会与dt>(定义项目/名字)和dd>(描述每一个项目/名字)一起使用。...>有序列表里面只能包含li,有顺序自定义列表里面有两个标签,dt和dd表单 表单是为了在网页中收集信息 表单的组成 在HTML中一个完整的表单通常由表单域、表单控件(表单元素)、提示信息...(表单元素) 在表单域中可以定义各种表单元素,这些表单元素就是允许用户在表单中输入或者选择的内容控件。...label>标签为input元素定义标注(标签) 使用场景:标签用于绑定一个表单元素,当点击标签内的文本时,浏览器就会自动将光标转到或选择对应的表单元素上,用来增加用户体验...,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用标签控件定义下拉列表。

    1.6K10

    Baidu Comate全方位测评结果——全栈工程师的福音

    在实际应用中,这些值应该根据实际情况动态生成。 此外,log_id字段是自增的,因此在插入记录时无需显式提供该字段的值。...= nil { log.Fatal(err) } defer db.Close() // 确保在程序结束时关闭数据库连接 // 测试数据库连接(可选) err = db.Ping() if...页面包含一个表单,其中包含用户名和密码的输入框,以及一个登录按钮。当用户点击登录按钮时,表单数据将被提交到/login的URL(你可以在action属性中修改为你自己的处理登录请求的URL)。...实际效果: 问题2:在保持当前代码的前提下,添加js代码来控制当用户名与密码为空的时候无法点击登录按钮。 返回的修正代码: 定义列表 --> dt>Name:dt> dd

    87900

    HTML基础03-HTML标签(下)02-列表标签

    02-列表标签 表格是用来显示数据的,而列表是用来布局的。列表最大的特点就是整齐、整洁、有序,用它做布局会更加自由和方便。根据使用场景的不同,列表可以分为无序列表、有序列表和自定义列表三大类。...无序列表会带有自己的样式属性(即每个列表项前的黑点),但在实际开发中会通过CSS来设置。 2.2有序列表(了解) 有序列表即为有排列顺序的列表,各个列表项会按照一定的顺序排列定义。...在HTML页面中使用标签来定义有序列表,列表排序以数字来显示,并且使用标签来定义列表项。 基本语法格式 在HTML页面中,标签用于表示自定义列表,该标签会与dt>dt>(定义项目/名称)和dd>dd>(项目/名称的解释)一起使用。 基本语法格式 定义列表基本语法格式 --> dt>关注我们dt> dd>官方微信dd> dd>新浪微博dd> dd>联系我们dd>

    87010

    jQuery基础

    需求说明: ​ 在页面中有一个图片和一个关闭按钮 ​ 当滚动条向下或向右移动时,图片和关闭按钮随滚动条移动,相对于浏览器的位置固定 ​ 单击“关闭”按钮时,页面中的图片和关闭按钮不显示 点击人员信息表右上角的添加按钮,弹出人员详细信息窗口; 2)修改弹出窗口的标题为“新建人员信息”; 3)点击确定验证输入框中的数据是否符合标准;输入标准主要有以下两点: 1,所有的输入框不能为空,为空时显示...4) 输入的信息不符合标准时,点击确定不能进行下一步操作,只能当数据验证没问题才能进行下一步操作; 5) 数据验证通过后,点击确定按钮关闭当前的弹出窗口,并在表格中增加一行数据; 6)点击弹出窗口的关闭按钮...1)点击表格中每一列的编辑按钮 或表格中每一行的姓名列,弹出人员详细信息窗口; 2)修改弹出窗口的标题为“人员详细信息”; 3)将当前行数据信息,回显至弹出界面中对应的输入框中; 4) 数据验证通过后,...点击确定按钮关闭当前的弹出窗口,修改当前点击行的数据信息; 5)其他要求与说明1中的3、4、6步骤相同; 3.

    8.8K10

    OA项目总结(附程序源码)

    最常用到:在Servlet 中处理好的数据交给Jsp显示,此时参数就可以放置在Request域中带过去 Session 1、生命周期:在第一次调用 request.getSession() 方法时...数据导出为xls:POI 图表显示数据Echarts 项目中踩过的雷 1、更改项目后,需要重新部署相关项目,不然会出现各种访问错误 2、使用jquery时,一定不要忘记给id 选择器加...# 如:$("#btn1") 3、分行的时候一定一定要加空格,不加空格会导致产生sql语句未正确结束的错误,如下语句 String sql="select dt....中插入日期型数据: to_date(‘2014-02-14’,‘yyyy-mm-dd’) 在Oracle将(已存储的)日期型数据转换成字符型数据: to_char(dt.dtdate,‘YYYY-MM-DD...’) 将数据库中的数据与jsp页面中的日期数据比较时,使用 13、Ajax书写格式 $.ajax({ url:" ", type:“post”, data:{“key”,value}, dataType

    2.2K10

    前端学习资料整理

    有期时间  localStorage 存储持久数据,浏览器关闭后数据不丢失除非主动删除数据 sessionStorage 数据在当前浏览器窗口关闭后自动删除。...绘画 canvas; 用于媒介回放的 video 和 audio 元素; 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失; sessionStorage 的数据在浏览器关闭后自动删除...有期时间: localStorage 存储持久数据,浏览器关闭后数据不丢失除非主动删除数据; sessionStorage 数据在当前浏览器窗口关闭后自动删除。...Label的作用是什么?是怎么用的? label标签来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单控件上。...在页面被切换到其他后台进程的时候,自动暂停音乐或视频的播放; 如何在页面上实现一个圆形的可点击区域?

    4.2K20

    BootStrap应用开发学习入门

    您也可以通过使用 class .list-inline 把所有的列表项放在同一行中。 定义列表:在这种类型的列表中,每个列表项可以包含 dt 和 dd 元素。 dt 代表 定义术语,就像字典。...接着dd 是dt 的描述。 .dl-horizontal 可以让 dl 内的短语及其描述排在一行。开始是像 dl 的默认样式堆叠在一起,随着导航条逐渐展开而排列在一行。...> 水平的定义列表 dl 标签定义了定义列表(definition list) dt (定义列表中的项目) dd (描述列表中的项目) 中的网格用于组织内容,让网站易于浏览,并降低用户端的负载。...(如:键盘操作的用户) .close #显示关闭按(使用通用的关闭图标来关闭模态框和警告框) .caret #显示下拉式功能(下拉菜单) 基础示例: <div class="container

    20.7K20

    BootStrap应用开发学习入门

    您也可以通过使用 class .list-inline 把所有的列表项放在同一行中。 定义列表:在这种类型的列表中,每个列表项可以包含 dt 和 dd 元素。 dt 代表 定义术语,就像字典。...接着dd 是dt 的描述。 .dl-horizontal 可以让 dl 内的短语及其描述排在一行。开始是像 dl 的默认样式堆叠在一起,随着导航条逐渐展开而排列在一行。...> 水平的定义列表 dl 标签定义了定义列表(definition list) dt (定义列表中的项目) dd (描述列表中的项目) 中的网格用于组织内容,让网站易于浏览,并降低用户端的负载。...(如:键盘操作的用户) .close #显示关闭按(使用通用的关闭图标来关闭模态框和警告框) .caret #显示下拉式功能(下拉菜单) 基础示例: <div class="container

    17.5K30

    HTMLCSS 第一章

    sublime的使用 创建临时文件:ctrl+n 保存的时候一定记得添加文件的后缀名.html 写完标签之后 按 tab键 自动生成完整版骨架的快捷方式:!...,所以如果网页在搜索引擎中的排名更加靠前,那么自然而然会带来更多的用户点击访问。...如何优化(了解): 1、花钱买关键字 见效快,花钱多 2、让页面更加规范,语义更加明确(在合适的地方使用合适的标签) 3、制作静态页面 4、发外链 标签属性 在使用标签的时候,一个独立的标签比较单一不能完成一些需求...锚点跳转(页面内部跳转): 在需要跳转的标签上添加 id="自定义id名" 如: 让a标签的href属性等于之前自己自定义的id名 如:定义的...中只能嵌套dt>dt>和dd>dd>,直接在标签中输入其他标签或者文字的做法是不被允许的。 4.

    1.2K20

    HTML的基本语法以及如何使用HTML来创建网页

    标签定义了元素的类型和结构。有些HTML标签是自封闭的,不需要结束标签,例如用于插入图像。HTML注释在HTML中,你可以使用注释来添加说明性文字,注释不会在浏览器中显示。...:定义强调文本,通常以斜体显示。:定义超链接,允许用户点击跳转到其他页面。示例:这是一个段落。这是一个标题这是强调文本。...alt:提供图像的替代文本,用于无法加载图像时的文字描述。链接通过使用标签,可以在网页中创建链接。链接通常包含在文本或图像中,并使用href属性指定目标URL。...示例: 第一项 第二项 第三项定义列表定义列表使用标签定义,每个定义项目使用dt>标签定义术语,使用 dt>术语1dt> dd>描述1dd> dt>术语2dt> dd>描述2dd>第三部分:HTML表单HTML表单允许用户与网页进行交互

    2K41

    HTML笔记——常用标签总结

    元素的内容就是开始和结束标签之间的内容,某些HTML元素的内容可以是空内容(empty content)。空元素在开始标签中进行关闭,如,自己就是开始标签,也是结束标签。...浏览器会自动在标题前后添加空行,通常块级元素都会这样额外添加空行。 另外,搜索引擎会根据标题来为网页编织索引,所以选好标题能够让你的网站更加容易出现在用户面前。...水平线 标签用来在HTML页面中创建水平线,可以用来分隔内容。 注释 的注释 --> 标签的属性 这里补充一些关于标签的属性的信息。... 定义长的引用。 定义短的引用语。 定义引用、引证。 定义一个定义项目。...(只是记录) dt>Coffeedt> dd>Black hot drinkdd> dt>Milkdt> dd>White cold drinkdd> CoffeeBlack

    1.5K20
    领券