什么是只读状态
在HTML中，表单元素可以让用户输入数据，并将输入值发送到服务器进行处理。但是有时候，我们也需要一些表单元素在用户不能修改的情况下展示，这时候只读状态就非常有用。
如何设置只读状态
input标签
在HTML中，可以使用input标签创建input元素。可以为input元素设置一个“readonly”属性，以使其成为只读的。下面是一个示例：
<input type="text" readonly value="只读内容">
在此示例中，输入框的值是“只读内容”，用户无法更改这个值。注意：readonly属性的值不是“true”或“false”，而是“readonly”。
textarea标签
类似地，如果要在textarea元素中使用只读状态，可以添加“readonly”属性，就像这样：
<textarea readonly>只读内容</textarea>
在此示例中，textarea元素的内容是“只读内容”，用户无法更改这个值。
只读与禁用的区别
只读和禁用是两个不同的概念。只读元素是不能更改的，但它们依然能够提交表单数据。相反，禁用元素不能被修改或提交。
如要禁用一个input元素，可以添加一个“disabled”属性：
<input type="text" disabled>
我们可以运用只读和禁用来控制用户填写表单的行为。只读元素可以向用户展示信息，但不允许用户更改内容，而禁用元素则完全不允许用户操作。
总结
只读元素是一种非常有用的特性，可以向用户展示信息而又不允许其做出修改，这对于一些在线表单和其他类似组件非常有用。可以使用“readonly”属性来设置输入框和文本域中的只读元素。
与只读状态相对的，是禁用状态。禁用元素不允许用户交互，而只读元素则允许用户查看信息，但不允许更改内容。