HTML、JS和jQuery都有多种方法来设置文本框只读。在本文中，我们将探讨几种常见的方法。

一、使用HTML的readonly属性

HTML提供了一个名为readonly的属性，可以用于设置文本框只读。该属性可以直接在HTML标签中添加，例如：

<input type="text" readonly>

这样就可以将文本框设置为只读状态。用户将无法编辑文本框中的内容，但仍然可以选择和复制其中的文本。

二、使用JavaScript的setAttribute方法

使用JavaScript可以动态地设置文本框的属性。我们可以使用setAttribute方法来设置readonly属性，如下所示：

document.getElementById("myInput").setAttribute("readonly", "readonly");

在上面的代码中，我们首先通过getElementById方法获取了id为"myInput"的文本框，然后使用setAttribute方法将其readonly属性设置为"readonly"。

三、使用JavaScript的disabled属性

除了使用readonly属性，我们还可以使用disabled属性来设置文本框只读。与readonly不同的是，disabled属性会禁用文本框，用户无法选择、复制或编辑其中的内容。代码示例如下：

document.getElementById("myInput").disabled = true;

在上面的代码中，我们通过设置disabled属性为true，将文本框设置为只读状态。

四、使用jQuery的prop方法

如果我们在项目中使用了jQuery库，可以使用其提供的prop方法来设置文本框只读。代码示例如下：

$("#myInput").prop("readonly", true);

在上面的代码中，我们使用了jQuery的选择器来选中id为"myInput"的文本框，然后使用prop方法将其readonly属性设置为true。

总结：

本文介绍了使用HTML、JS和jQuery设置文本框只读的几种常见方法。这些方法包括使用HTML的readonly属性、使用JavaScript的setAttribute方法和disabled属性，以及使用jQuery的prop方法。根据实际需求和项目情况，选择合适的方法来设置文本框只读，可以提高用户体验和安全性。