input设置只读
时间: 2024-01-17 08:04:20 浏览: 66
要将一个输入框设置为只读,可以在该元素的属性中添加`readonly`。例如,如果你想将一个文本框设置为只读,可以这样写:
```html
<input type="text" readonly>
```
这将使该文本框无法编辑,但仍然可以获得焦点并复制其中的文本。如果你想禁用文本框的内容被复制,可以添加`disabled`属性:
```html
<input type="text" readonly disabled>
```
这将禁用文本框并禁止复制其内容。
相关问题
css设置input只读
可以使用 CSS 的属性 `pointer-events` 来设置 input 元素只读,如下所示:
```css
input[readonly] {
pointer-events: none;
}
```
这将使只读的 input 元素无法接收鼠标或触摸事件,从而防止用户编辑其内容。可以将 `readonly` 属性添加到 input 元素中来使其成为只读。例如:
```html
<input type="text" value="只读文本" readonly>
```
js设置input只读
可以通过设置input元素的readonly属性来实现输入框只读。例如,要将id为"myInput"的输入框设置为只读,可以使用如下代码:
```javascript
document.getElementById("myInput").readOnly = true;
```
或者使用jQuery,可以这样写:
```javascript
$("#myInput").prop("readonly", true);
```