只能在我的 HTML 表单中的一个输入字段中输入答案

【问题标题】：Can Input in only one input field in my HTML Form只能在我的 HTML 表单中的一个输入字段中输入
【发布时间】：2017-04-19 11:09:24
【问题描述】：

我创建了一个 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>

【问题讨论】：

工作正常：jsfiddle.net/xbwn6age!?
我没有发现问题。您正在测试哪些浏览器？
Firefox 不支持 HTML5 的
旧浏览器不支持。改用 datepicker jquery。
@J.Shabu 这就是我的意思！！

标签： html css

【解决方案1】：

无脚本 type="date" 的输入元素在 Firefox 或 IE 11 及更早版本中不会显示为任何日期字段/日历。

这是一个脚本修复

Click here for the working code

【讨论】：

【解决方案2】：

仅以下浏览器版本将支持date 和time 输入类型

请参考input date time

【讨论】：

【解决方案3】：

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

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

【讨论】：