在HTML中，我们可以使用<input>元素来创建文本框。而要实现文本框只读，不能修改其中的内容，我们可以通过设置<input>元素的readonly属性来实现。
设置文本框为只读
要设置文本框为只读，只需在<input>元素中添加readonly属性即可。下面是一个例子：
<input type="text" readonly>以上代码将创建一个只读的文本框，用户无法在其中输入任何内容。
禁用文本框编辑
如果要禁用文本框的编辑功能，可以使用<input>元素的disabled属性。禁用后的文本框将变为不可点击，无法修改内容。
<input type="text" disabled>以上代码将创建一个禁用的文本框，用户无法点击或修改其中的内容。
通过JavaScript设置只读
除了使用HTML属性设置文本框为只读，还可以使用JavaScript来动态设置。
<input type="text" id="myInput">
<button onclick=setReadOnly()">设置只读</button>
<script>
function setReadOnly() {
document.getElementById("myInput").readOnly = true;
}
</script>
在上述代码中，我们首先给文本框元素添加了一个id属性，以便在JavaScript中获取该元素。然后，通过onclick事件触发setReadOnly()函数，该函数将使用JavaScript的readOnly属性将文本框设置为只读。
总结
通过上述方法，我们可以在HTML中实现文本框只读，用户无法修改其中的内容。这在一些需要展示信息、但不希望用户修改的场景中非常有用。
通过添加readonly属性或disabled属性，或者使用JavaScript动态设置readOnly属性，我们可以非常灵活地控制文本框的只读状态。这使得我们可以根据具体的需求来实现不同的交互效果。
在实际开发中，我们可以根据具体的设计需求选择不同的只读设置方法。无论是直接在HTML中设置还是使用JavaScript动态设置，都可以很方便地实现文本框只读的效果。