菜单
×
   ❮     
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 属性可用于以下元素

元素 Attribute
<input> readonly
<textarea> readonly

示例

Input 示例

带有只读输入字段的 HTML 表单

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

Textarea 示例

只读文本区域

<textarea readonly>
在 w3schools.com,您将学习如何创建网站。我们提供所有 Web 开发技术的免费教程。
</textarea>
自己动手试一试 »

浏览器支持

readonly 属性对每个元素的浏览器支持如下

元素
input 1.0 6.0 1.0 1.0 1.0
textarea

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持