怎樣讓input不可編輯變得可編輯

小樊
153
2024-07-03 04:48:12

您可以通過(guò)JavaScript來(lái)實(shí)現(xiàn)在需要的時(shí)候?qū)nput的屬性設(shè)置為可編輯。以下是一個(gè)簡(jiǎn)單的示例代碼：

<!DOCTYPE html>
<html>
<head>
    <title>Editable Input</title>
</head>
<body>

<input type="text" id="myInput" value="不可編輯" readonly>
<button onclick="makeEditable()">點(diǎn)擊編輯</button>

<script>
    function makeEditable() {
        var input = document.getElementById('myInput');
        input.removeAttribute('readonly');
    }
</script>

</body>
</html>

在這個(gè)示例中，input元素一開(kāi)始是不可編輯的，當(dāng)用戶點(diǎn)擊按鈕后，通過(guò)調(diào)用makeEditable函數(shù)來(lái)移除readonly屬性，使input變得可編輯。您可以根據(jù)自己的需求來(lái)更改按鈕的樣式和input的初始屬性。

0 踩