如何改變輸入驗證alt文本

Question

我有一個非常簡單的形式與輸入字段和一個提交按鈕：

<form action="#"> 
    <input type="number" min="1" /> <input type="submit" name="submit" /> 
</form> 

當在輸入欄「0」鍵入並提交表單，一個顯示驗證錯誤消息。當我將鼠標懸停在無效輸入字段上時，我也注意到alt-text被設置爲相同的驗證消息。是否有可能改變alt-text，你是如何做到的？

Answer 1

您可以在JavaScript中添加一個id的元素，使之容易參考：

<form action="#"> 
    <input id="num" type="number" min="1" /> <input type="submit" name="submit" /> 
</form> 

document.getElementById('num').alt = 'your text here' 
document.getElementById('num').title = 'your text here' 

它也可能是設置標題（彈出的文本）除了alt文本有用（如果圖像無法加載，則顯示文字）。