怎么设置某一行<input>不可修改
时间: 2023-12-15 12:05:32 浏览: 36
要设置某一行的<input>元素不可修改,可以通过设置该<input>元素的"readonly"属性来实现。例如,如果你想让第三行的<input>元素不可修改,可以这样写代码:
```
<input type="text" name="input3" value="这是第三行的输入框" readonly>
```
这样,第三行的<input>元素就会被设置为只读,不能被修改。
相关问题
for (var i = 0; i < cellsCount; i++) { var newCell = newRow.insertCell(); newCell.contentEditable = true; var previousCell = previousRow.cells[i]; // 获取上一行对应列的单元格 var previousInput = previousCell.querySelector('input[type="text"]'); if (previousInput) { var newTextArea = document.createElement("textarea"); newTextArea.name = previousInput.name; newCell.appendChild(newTextArea); } else if (previousCell.querySelector('input[type="file"]')) { var newImageInput = document.createElement("input"); newImageInput.type = "file"; newImageInput.name = previousCell.querySelector('input[type="file"]').name; // 继承上一行对应列的文件输入框属性 newImageInput.onchange = function () { previewImage(this); }; newImageInput.onclick = function () { showPopup(this.src); }; newCell.appendChild(newImageInput); } else { var newTextArea = document.createElement("textarea"); newTextArea.name = "yourTextareaName"; // 替换为你的文本框名称 newCell.appendChild(newTextArea); }这是我新增按钮行按钮的代码,<td class="auto-wrap"><textarea name="aoi_step">3</textarea></td> <td class="auto-wrap"><textarea name="defect_type">Particle</textarea></td> <td class="auto-wrap"><textarea name="layer_code">ACT</textarea></td> <td class="auto-wrap"><textarea name="type">Particle</textarea></td> <td class="auto-wrap"><textarea name="dpet">ACT</textarea></td> <td class="auto-wrap"><textarea name="subcode">Particle</textarea></td> <td class="auto-wrap"><textarea name="code_description">ACT</textarea></td> <td><input type="file" name="image1_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"></td> <td> <input type="file" name="image2_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image3_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image4_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image5_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td class="auto-wrap"><input type="text" name="determination_rule" value="ACT"></td> 这是我的表格,在我新增单元格时,是要将对应列的类名添加到新增的单元格,并使文本框不可拖动改变大小
您可以使用以下代码将对应列的类名添加到新增的单元格,并使文本框不可拖动改变大小:
```javascript
for (var i = 0; i < cellsCount; i++) {
var newCell = newRow.insertCell();
newCell.contentEditable = true;
var previousCell = previousRow.cells[i]; // 获取上一行对应列的单元格
var previousInput = previousCell.querySelector('input[type="text"]');
var previousTextArea = previousCell.querySelector('textarea');
if (previousInput) {
var newTextArea = document.createElement("textarea");
newTextArea.name = previousInput.name;
newTextArea.classList.add(previousInput.classList);
newTextArea.style.resize = "none";
newCell.appendChild(newTextArea);
} else if (previousTextArea) {
var newTextArea = document.createElement("textarea");
newTextArea.name = previousTextArea.name;
newTextArea.classList.add(previousTextArea.classList);
newTextArea.style.resize = "none";
newCell.appendChild(newTextArea);
} else if (previousCell.querySelector('input[type="file"]')) {
var newImageInput = document.createElement("input");
newImageInput.type = "file";
newImageInput.name = previousCell.querySelector('input[type="file"]').name; // 继承上一行对应列的文件输入框属性
newImageInput.onchange = function () {
previewImage(this);
};
newImageInput.onclick = function () {
showPopup(this.src);
};
newCell.appendChild(newImageInput);
} else {
var newTextArea = document.createElement("textarea");
newTextArea.name = "yourTextareaName"; // 替换为你的文本框名称
newCell.appendChild(newTextArea);
}
}
```
这样,新增的单元格会继承上一行对应列的类名,并且文本框不可拖动改变大小。请注意,我对代码进行了修改以实现您的需求,但我无法确保它完全符合您的代码结构和逻辑。您可能需要根据自己的具体情况进行调整和修改。
TypeError Traceback (most recent call last) ~\AppData\Local\Temp\ipykernel_24296\821076836.py in <module> 7 list=[] 8 numbers=int(input("quantity:")) ----> 9 for i in range[numbers]: 10 num=int(input("enter the number:")) 11 max=find_max(list) TypeError: 'type' object is not subscriptable
这是一个类型错误(TypeError),错误的原因是在第9行中,使用了`[]`来访问`range`对象,但是`range`是一个类,不可被访问或者切片。正确的代码应该是:
```
list=[]
numbers=int(input("quantity:"))
for i in range(numbers):
num=int(input("enter the number:"))
max=find_max(list)
```
修改后的代码中,`range`被正确地调用,循环次数为`numbers`次。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)