antd中form中resetFields清空輸入框

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

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

this.form.resetFields();

歸根結底:是因爲設置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屬性所指定的值。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章