我们可以在 HTML 中使用 <a> 标签向网页添加链接。元素的默认光标样式是指针，但是从 <a> 标签中移除 href 属性会更改光标样式。因此，在本教程中，我们将学习如何为没有 href 属性的 <a> 标签保持指针光标样式。用户可以按照下面的示例查看元素的默认光标样式。示例 在下面的示例中，我们使用了 <a> 标签创建了三个不同的链接。在输出中，我们... 阅读更多

在 HTML 中，内容可编辑的 div 允许用户编辑 div 元素的内容。我们需要将 contenteditable 属性设置为 true 布尔值传递给 div 元素，才能使任何 div 元素可编辑。内容可编辑的 div 默认包含插入符号光标，有时我们可能需要设置内容可编辑 div 元素中的插入符号光标位置来编辑 div 的内容。但是，我们可以通过点击内容可编辑 div 中的特定位置来设置插入符号光标位置的任何位置。本教程将教我们使用不同的... 阅读更多

表格包含多行，每行包含多列。此外，每一列包含多个 HTML 元素或文本。在这里，我们将在每一行添加提交按钮，并根据按钮点击访问该行的数。我们将使用 JavaScript 和 jQuery 来访问行数据，之后，用户可以使用 API 等将它发送到任何他们想要的地方。使用 JavaScript 访问行数据 在这种方法中，我们将访问第一个被点击的元素。我们将根据被点击的元素找到它的父元素，这将给我们一个特定的... 阅读更多

正则表达式是一个包含各种字符的模式。我们可以使用正则表达式来搜索字符串是否包含特定模式。在这里，我们将学习创建正则表达式以验证各种数学公式。我们将使用 test() 或 match() 方法来检查特定数学公式是否与正则表达式匹配。语法 用户可以按照以下语法创建接受特殊数学公式的正则表达式。 let regex = /^\d+([-+]\d+)*$/g; 上面的正则表达式只接受 10 – 13 + 12 + 23 之类的数学公式。正则表达式... 阅读更多

面包屑可以帮助网站用户了解导航路径，而 Windows 文件资源管理器是提供面包屑的最佳示例。当您打开文件资源管理器时，您可以在顶部栏看到文件资源管理器中的当前位置。此外，如果您点击任何位置，它将跳转到该位置。在网站上使用动态面包屑有两个主要好处。首先是用户可以了解导航路径，另一个是用户可以直接跳转到导航路径中的任何位置。在这里，我们将看到不同的方法来... 阅读更多

我们只需使用 CSS 就可以控制打印预览页面的页眉、页脚和边距，甚至可以实现分页媒体的所需布局和方向。我们将使用 @page 指令来实现我们的结果。在浏览器中预览打印页面时，我们会看到一些额外的页面信息，例如页面标题、页面预览日期和时间以及预览中的页码，所有这些都显示在页面的页眉和页脚中。我们还会看到应用于页面预览媒体的一些额外边距。语法 @media print { @page { ... 阅读更多

我们可以创建一个可打印的网页，并使用 CSS 媒体查询 print 属性 @media print 来控制页面的打印预览样式。@media print 是一个 CSS 媒体查询，允许我们向任何网页的打印预览页面添加页面样式。使用它，我们可以通过在给定的媒体查询下将 HTML 元素的“可见性”指定为“可见”或“隐藏”来创建可打印的网页，我们还可以将我们想要在打印预览屏幕中看到的任何其他样式添加到 @media print 查询中。语法 @media print { ... 阅读更多

我们只需使用 HTML 和 CSS 就可以创建一个基本的价格表。价格表可以在不同的网站中实现，这些网站涉及商品的购买，例如电子商务 Web 应用程序或旅游网站。让我们学习在下面的示例的帮助下创建一个这样的表 - 示例 我们将首先在下面的 index.html 文件中创建表格的 HTML 布局，然后向其添加样式。如何使用 HTML 和 CSS 创建价格表？... 阅读更多

我们可以使用原生 javascript 创建上一个和下一个按钮，这些按钮在其末尾位置将不起作用（或被禁用）。Javascript 是一种强大的浏览器级语言，我们可以轻松地使用它来控制和操作 DOM 元素。在这里，我们将创建 2 个按钮，并根据点击哪个按钮来更改 HTML 元素的内容。示例 1 在此示例中，我们将创建一个“递增”按钮和一个“递减”按钮，单击时，它们将分别将 HTML 元素的内容值递增和递减 1。当它们到达极端位置时，我们还将禁用这些按钮，这将... 阅读更多

为了在我们的 web 应用中实现分页功能，我们使用了 Bootstrap 4 中提供的不同类，例如“pagination”、“page-item”、“active”、“disabled”等等。“分页”是指为一系列页面中的特定页面指定页码。这可以应用于拥有大量页面的 web 应用、书籍或任何其他具有系列数据且我们只想一次显示一部分数据的实体。让我们进一步讨论这些类以及如何在下面的示例中使用它们来创建分页布局……阅读更多