要将文本框设置为只读（read-only），你可以使用HTML的 readonly 属性或JavaScript来实现。下面土嘎嘎小编分享两种方法的示例代码：
1. 使用HTML中的 readonly 属性：
〓〓html代码如下：〓〓
<input type="text" value="只读文本框" readonly>
在上面给出的示例中，我们使用 <input> 元素创建了一个文本框，并将 readonly 属性添加到该元素中。这样就将文本框设置为只读状态，用户无法编辑其中的内容。
2. 使用JavaScript设置文本框为只读：
〓〓html代码如下：〓〓
<input type="text" id="myInput" value="只读文本框">
<script>
document.getElementById("myInput").readOnly = true;
</script>
在这个示例中，我们通过JavaScript获取了具有特定ID的文本框元素（在这里是 myInput ），然后将其 readOnly 属性设置为 true 。这样也会将文本框设置为只读状态。
这两种方法都可以将文本框设置为只读，但土嘎嘎技术网友情提示：使用HTML的 readonly 属性更简单直接，而使用JavaScript则更灵活，因为你可以在运行时根据需要动态地将文本框设置为只读或可编辑状态。选择哪种方法取决于你的需求和实际情况。