Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML readonly 属性


定义和用法

readonly 属性是一个布尔属性。

存在时,它指定输入字段或文本区域为只读。

只读字段无法修改(但是,用户可以将光标移到该字段,突出显示它并从中复制文本)。

readonly 属性可以用于防止用户更改值,直到满足某些其他条件(例如选中复选框等)。然后,JavaScript 可以删除 readonly 值,并使输入字段可编辑。


适用于

readonly 属性可用于以下元素:

元素 属性
<input> readonly
<textarea> readonly

示例

输入示例

包含只读输入字段的 HTML 表单

<form action="/action_page.php">
  国家:<input type="text" name="country" value="Norway" readonly><br>
  <input type="submit" value="提交">
</form>
亲自尝试 »

文本区域示例

一个只读的文本区域

<textarea readonly>
在 w3schools.com 上,您将学习如何制作网站。我们提供所有 Web 开发技术的免费教程。
</textarea>
亲自尝试 »

浏览器支持

readonly 属性对每个元素具有以下浏览器支持

元素
input 1.0 6.0 1.0 1.0 1.0
textarea

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.