整個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/