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无效，原因有两个：

<a>是一个内联元素，因此不能将块级元素包含为<div>
specification <a>标记不允许包含互动内容：

内容模型：Transparent，但必须没有互动内容后代。

将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/

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

1 个答案: