整个div作为链接href，但不输入文本

Question

我怎样才能使整个div是一个链接href，而不是输入文本，它位于div内部？ 这个有可能？ 在这种情况下，我无法输入输入。

<a href="@Url.Action("Zadania", "Admin", new { id = item.Id })">
   <div id="order">
      <div>
          <b>Zleceniodawca:</b> @item.CustomerName
          <b>Typ zlecenia:</b> @item.OrderType
      </div>
      <b>Postęp pracy: </b><input type="text" name="progress" value="@item.ProgressWork"/> 
   </div>
 </a>

Answer 1

您当前的HTML无效有两个原因：

1. <a>是一个内联元素，因此不能包含像<div>这样的块级元素
2. 根据规范， <a>标签不允许包含交互式内容：

内容模型： 透明 ，但必须没有交互式内容后代。

移动input的外a标签，并将其链接的绝对顶部位置。 除了输入现在位于链接顶部并且通常可以单击之外，所有内容仍将在链接内部：

<div id="order"> 
    <a href="@Url.Action(" Zadania ", "Admin ", new { id = item.Id })">
        <span>
            <b>Zleceniodawca:</b> @item.CustomerName
            <b>Typ zlecenia:</b> @item.OrderType
        </span>
        <b>Postęp pracy: </b>
    </a> 
    <input type="text" name="progress" value="@item.ProgressWork" />
</div>

#order {
    position:relative;
    background:f2f2f2;
    border:1px solid #000;
}
#order > a {
    display:block;
    padding:20px;
    text-align:center;
}
#order input {
    position:absolute;
    top:20px;
    left:50%;
    width:100px;
    margin-left:-50px;
}

示例： http ： //jsfiddle.net/jFL6R/