可以只在我的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

没有脚本 输入元素类型=＆＃34;日期＆＃34;不要在Firefox或IE 11及更早版本中显示任何日期字段/日历。

以下是修补程序

Click here for the working code

Answer 2

只有以下浏览器版本才支持date和time输入类型

请参阅input date time

Answer 3

所有浏览器都不支持date选择器。 See this

您可以参考此链接获取解决方法： Date input not working in firefox