antd中form中resetFields清空輸入框


1.如果沒有initValue的情況下,直接使用resetFields可以清空文本框的值

2.如果是有initValue的情況下,直接使用resetFields方法會直接重置為initValue的值

歸根結底:是因為設置initValue的時候,直接設置了input的value的默認值。

使用<reset>標簽,有時候我們會發現reset按鈕失效,點擊該按鈕並不能清空輸入框。

原因在此:

    w3c網站有這樣的描述(http://www.w3school.com.cn/htmldom/dom_obj_reset.asp)
"在 HTML 表單中 <input type="reset"> 標簽每出現一次,一個Reset對象就會被創建。當重置按鈕被點擊,包含它的表單中所有輸入元素的值都重置為它們的默認值。默認值由 HTML value 屬性或 JavaScript 的 defaultValue 屬性指定。"

    意思就是如果這個textarea如果設置了value屬性的值,那么reset按鈕就會恢復textarea到這個value屬性的值,而不是空。

結論如下:

    reset並不是清空輸入框的值,而是將輸入框的值恢復到value屬性所指定的值。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM