只能在我的HTML表單中的一個輸入字段中輸入

Question

我創建了一個可以添加日期和出勤的HTML表單。我用了一個表來實現它。該代碼在Google Chrome中運行良好，但在其他任何瀏覽器中，我只能在第一個日期字段中添加日期。如果我即使點擊其他日期字段，也會選擇第一個日期字段。 這是我的代碼。哪裏有問題？

<table> 
 
    <tr> 
 
    <th>Date</th> 
 
    <th>Attendance</th> 
 
    </tr> 
 
    <tr> 
 
    <td><input type="date" name="date4" id="date4"></td> 
 
    <td><input type="text" name="atd4" id="atd4"></td> 
 
    </tr> 
 
    <tr> 
 
    <td><input type="date" name="date5" id="date5"></td> 
 
    <td><input type="text" name="atd5" id="atd5"></td> 
 
    </tr> 
 
    <tr> 
 
    <td><input type="date" name="date6" id="date6"></td> 
 
    <td><input type="text" name="atd6" id="atd6"></td> 
 
    </tr> 
 

 
    <tr> 
 
    <td><input type="date" name="date7" id="date7"></td> 
 
    <td><input type="text" name="atd7" id="atd7"></td> 
 
    </tr> 
 

 
    <tr> 
 
    <td><input type="date" name="date8" id="date8"></td> 
 
    <td><input type="text" name="atd8" id="atd8"></td> 
 
    </tr> 
 
</table>

Answer 1

只有以下版本的瀏覽器將支持date和time輸入型

請參閱input date time

Answer 2

的所有瀏覽器都不支持0選取器。 See this

您可以參考此鏈接爲一個解決方法： Date input not working in firefox

Answer 3

沒有腳本 具有type =「日期」輸入元素不顯示任何日期字段/日曆在Firefox或IE 11和更早的版本。

這裏是腳本

Click here for the working code