📜  HTML |只读属性(1)

📅  最后修改于: 2023-12-03 15:01:15.401000             🧑  作者: Mango

HTML | 只读属性

在HTML中,有些属性是只读的,也就是说它们的值不能被修改。这些属性通常用于展示内容,而不能被用户或者脚本修改。以下是一些常见的只读属性。

1. href

在a标签中,href属性指向一个URL地址。当用户点击该链接时,浏览器会在当前窗口或新窗口中打开对应的URL。由于安全原因,该属性的值是只读的,不能被JavaScript代码修改。

示例代码:

<a href="https://www.example.com">Example link</a>
2. src

在img、script等标签中,src属性指向一个资源的URL地址,比如图片、JavaScript文件等。该属性的值是只读的,不能被JavaScript代码修改。

示例代码:

<img src="https://www.example.com/image.jpg" alt="Example image">
3. type

在input标签中,type属性指定了该输入框的类型,比如文本框、单选框、复选框等。该属性的值是只读的,不能被JavaScript代码修改。

示例代码:

<input type="text" name="name" value="Your name">
4. value

在input、textarea等标签中,value属性指定了用户输入的值。该属性的值可以被JavaScript代码修改,但是在一些特定的情况下是只读的,比如文本框的值被设置为disabled。

示例代码:

<input type="text" name="name" value="Your name" disabled>
5. disabled

在input、button等标签中,disabled属性指定了该元素是否被禁用。如果该属性的值为true,元素会被禁用,不能被用户点击或输入,也不能被JavaScript代码修改。

示例代码:

<button type="button" disabled>Disabled button</button>

以上就是HTML中常见的只读属性。这些属性的只读特性可以保证页面的安全性,防止恶意代码篡改页面内容。