在表單中,setAttribute方法可以用來設置表單元素的屬性值。例如,我們可以使用setAttribute方法來給輸入框添加placeholder屬性,或者設置輸入框的值、禁用狀態等。下面是一個例子:
<form>
<label for="username">用戶名:</label>
<input type="text" id="username" name="username">
<button onclick="setPlaceholder()">設置placeholder</button>
</form>
<script>
function setPlaceholder() {
var usernameInput = document.getElementById("username");
usernameInput.setAttribute("placeholder", "請輸入用戶名");
}
</script>
在上面的示例中,當用戶點擊按鈕時,會調用setPlaceholder函數,該函數獲取id為"username"的輸入框元素,然后使用setAttribute方法給該輸入框添加placeholder屬性,從而顯示一個提示文本"請輸入用戶名"。通過setAttribute方法,我們可以動態地修改表單元素的屬性值,從而實現一些交互效果或功能。