您可以通過JavaScript來實現在需要的時候將input的屬性設置為可編輯。以下是一個簡單的示例代碼:
<!DOCTYPE html>
<html>
<head>
<title>Editable Input</title>
</head>
<body>
<input type="text" id="myInput" value="不可編輯" readonly>
<button onclick="makeEditable()">點擊編輯</button>
<script>
function makeEditable() {
var input = document.getElementById('myInput');
input.removeAttribute('readonly');
}
</script>
</body>
</html>
在這個示例中,input元素一開始是不可編輯的,當用戶點擊按鈕后,通過調用makeEditable
函數來移除readonly屬性,使input變得可編輯。您可以根據自己的需求來更改按鈕的樣式和input的初始屬性。