HTML 中 Select 标签的 Readonly 只读
TML,超文本标记语言,广泛用于格式化网站。 此外,CSS(层叠样式表)可用于样式化网站。
下面是 HTML 和 CSS 中用来控制用户和光标行为的一些属性。
<select readonly>
属性
<select>
是最常用的 HTML 标记,用于从键盘、鼠标或触摸屏获取用户输入。 通常,使用 <select>
允许用户选择一个或多个选项,而使用 <select readonly>
允许用户只显示值而不是更改它。
readonly 属性指定输入元素是不可编辑和只读的。 此外,文本、URL、电话号码、电子邮件、密码、日期、月份、星期、时间和数字是 readonly 支持的格式。
语法:
<select readonly>
但是 <select readonly>
现在在 HTML 中无效,因为它已经被弃用了。 取而代之的是,我们可以使用 disabled 属性。
使用 <select disabled>
属性模拟 HTML 中 select 标签的只读属性
disabled 属性是一个布尔属性,用于指定下拉列表被禁用。 使用 disabled 使元素不可点击和不可用,并摆脱用户的控制。
此外,输入字段显示为不适用并禁用使用能力。
语法:
<select disabled>
让我们通过创建下拉列表的示例来详细说明此语法以获得更清晰的概念。
示例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML disabled Attribute</title>
</head>
<body style="text-align: center;">
<h1 style = "color: brown;"> HTML Select Disabled Attribute </h1><br>
<p style="color: black; font-size: large"> What is your Home Country? </p>
<p style="color: grey"> (Selection of choice is disabled) </p>
<select disabled>
<option value="Sri Lanka">Sri Lanka</option>
<option value="India">India</option>
<option value="Turkey">Turkey</option>
</select>
</body>
</html>
首先,我们通过使用标题 HTML 禁用属性定义其元字符集来打开 HTML 文件,并打开 <body>
并设置所有元素的样式以在关闭 <head>
后保持内容居中。
然后,我们将标题的名称定义为带有 <h1>
和棕色的 HTML Select Disabled Attribute。 我们使用
在标题后换行。
然后定义一个问题,你的祖国是哪里? 使用 <p>
并使用大字体和黑色。 之后,我们定义了一个灰色的短语(Selection of choice is disabled)。
然后 <select disabled>
用于禁用下拉列表。 即使它被 <select disabled>
禁用,我们也为它定义了一些值,如 Sri Lanka、Turkey 和 India。
在 HTML 文件的末尾,所有使用的标签都因此关闭。
根据输出,禁用的下拉列表是灰色的,不受用户控制。 用户无法单击或从下拉列表中选择选项; 这就是
相关文章
HTML 中的 role 属性
发布时间:2023/05/06 浏览次数:124 分类:HTML
-
本篇文章介绍 HTML role属性。HTML中 role 属性介绍,role 属性定义描述语义的 HTML 元素的角色。
在 HTML 中打印时分页
发布时间:2023/05/06 浏览次数:188 分类:HTML
-
本篇文章介绍如何在打印 HTML 页面或内容时强制分页。将 page-break-after 属性设置为 always Inside @media print to Page Break in HTML
在 HTML 中显示基于 Cookie 的图像
发布时间:2023/05/06 浏览次数:154 分类:HTML
-
本文介绍如何根据 HTML 中的 cookies 显示图像。根据 HTML 中设置的 Cookies 显示图像。问题陈述是我们需要根据网页传递的cookie来显示特定的图像。
在 HTML 中创建下载链接
发布时间:2023/05/06 浏览次数:140 分类:HTML
-
本文介绍如何在 HTML 中创建下载链接。使用 download 属性在 HTML 中创建下载链接.。我们可以使用 HTML 锚元素内的下载属性来创建下载链接。
HTML 中的 ::before 选择器
发布时间:2023/05/06 浏览次数:70 分类:HTML
-
本教程介绍 CSS ::before 伪元素。CSS ::before 伪元素。 ::before 选择器是一个 CSS 伪元素,我们可以使用它在一个或多个选定元素之前插入内容。 它默认是内联的。
在 HTML 中创建一个可滚动的 Div
发布时间:2023/05/06 浏览次数:54 分类:HTML
-
本篇文章介绍如何使 HTML div 可滚动。本文将介绍在 HTML 中使 div 可滚动的方法。 我们将探索垂直和水平滚动,并通过示例查看它们的实现。
HTML 显示箭头的代码
发布时间:2023/05/06 浏览次数:153 分类:HTML
-
一篇关于用于显示箭头的 Unicode 字符实体的紧凑文章。本文讨论使用 Unicode 字符实体在我们的 HTML 页面上显示不同的字符。 HTML 中使用了许多实体,但我们将重点学习表示上、下、左、右的三角
在 HTML 中启用和禁用复选框
发布时间:2023/05/06 浏览次数:149 分类:HTML
-
本篇文章介绍如何启用和禁用 HTML 中的复选框。HTML 中的复选框 复选框是一个交互式框,可以切换以表示肯定或否定。 它广泛用于表单和对话框。
HTML 中的只读复选框
发布时间:2023/05/06 浏览次数:198 分类:HTML
-
本篇文章介绍了如何在 HTML 中制作只读复选框。本文是关于如何使 HTML 复选框控件成为只读组件的快速破解。 但是,首先,让我们简要介绍一下复选框控件。