動態添加表單元素的可訪問方式（jQuery）

Question

我正在設置一個表單，其中可能會爲其中一個問題創建多個條目（通過添加更多按鈕）。我試圖找出最好的方法，使這個訪問沒有JavaScript，也允許輸入字段動態顯示每次單擊添加按鈕。有數據的3件我需要收集每個條目，下面是的HTML將是什麼樣子的基礎知識：

Type: <input name = "type[]" id = "type" /> 
Sub type: <input name = "subtype[]" id = "type" /> 
Number: <input name = "num[]" id = "type" /> 

我沒有與動態創建該內容所需的JS代碼有問題每次點擊添加按鈕，但我認爲，因爲設置一個人可以添加的行數的限制是合理的（對於這種類型的數據，10個條目將是我期望的最大值），我可以在HTML表單中添加十個空字段。然後，我的jQuery代碼會將它們隱藏在domready上，然後每次單擊Add按鈕時，它都會簡單地顯示窗體上下一個可用的空字段（直到它到達第10個，此時Add按鈕被禁用）。

這種方法有什麼意義嗎？

Answer 1

是的，您已經描述了處理動態行的通常漸進增強方式。

你總是可以妥協，以及：把頁面上ň備用行象你所說的這樣一個非JS用戶只能一次添加ñ行，但用JS克隆/添加新行如有必要，以便JS用戶可以添加儘可能多的他們喜歡的東西。 （如果用戶以後可以回來並添加更多行，並且非JS用戶可能不希望一次添加多行，那麼對於簡單版本，您可以使= = 1：an空行，通過腳本從文檔中刪除並根據需要克隆迴文檔。）