<div type="text"> 为什么要指定类型？答案

【问题标题】：<div type="text"> Why specify type?<div type="text"> 为什么要指定类型？
【发布时间】：2011-07-03 17:36:44
【问题描述】：

我正在阅读 datepicker 的 jQuery UI API。示例代码对我来说有些新意。

<!DOCTYPE html>
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

  <script>
  $(document).ready(function() {
    $("#datepicker").datepicker();
  });
  </script>
</head>
<body style="font-size:62.5%;">

<div type="text" id="datepicker"></div>  <<<<<<<<<<<<<<<<<<<<<<<<<"type"???

</body>
</html>

我在没有 type="text" 的情况下尝试了它，但它不再起作用了。这是为什么呢？

我是 HTML 新手，我从未见过将类型分配给 div。在 Internet 上搜索，我找不到 div 的任何示例。我所看到的只是 type 用于其他元素，如 style 和 script。我在 stackoverflow 上也找不到任何相关问题。

为什么我们需要为 div 分配一个类型？

参考：下载 jquery-ui-1.8.14.custom.zip。它在“development-bundle\docs\datepicker.html#demo”（jquery-ui datepicker的离线文档中的官方演示代码）

编辑：原来是 jquery datepicker 演示代码文档中的一个错误。我报告了它，他们在几个小时内修复了它，所以这个问题不适用于文档的最新版本。

【问题讨论】：

文档中哪里有这样说的？
您是否查看了 jquery 或 css 文件以了解它是如何使用的？可能它仅供脚本使用。打开脚本 (.js) 文件并查找 [type="text"] 以查看它在文件中的使用位置（或查找 attr('text' 不带右括号。您可能还想查看 . css 文件以查找类似的内容
对日期选择器的简单误解 - 您需要将其应用于文本框，意思是 input 类型的文本，而不是 <div> 元素。当您这样做时，用户选择的日期将被插入到该文本框。
这是我找到它的地方：参考：下载 jquery-ui-1.8.14.custom.zip。它在“development-bundle\docs\datepicker.html#demo”（jquery-ui datepicker的离线文档中的官方演示代码）

标签： jquery jquery-ui-datepicker

【解决方案1】：

实际上，我在文档中找不到任何关于您必须使用 div 的事实的参考，我确信您必须使用文本类型的输入。取自demo：

<script>
    $(function() {
        $( "#datepicker" ).datepicker();
    });
    </script>



<div class="demo">

<p>Date: <input type="text" id="datepicker"></p>

</div><!-- End demo -->

此外：如果您没有输入字段，您需要一个日期选择器来做什么？

【讨论】：

这是有道理的。显然这是 jquery-ui 文档中的错误类型。我将 div 更改为输入，它按应有的方式工作：显示一个编辑框，当您单击它时，会弹出日期选择器。我提交了一张票来解决这个问题：bugs.jqueryui.com/ticket/7527

【解决方案2】：

<div> 没有属性类型。它不是必需的，你不应该使用它

【讨论】：