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

Question

How I can make it so that whole div is a link href, but not input text, which is in inside div? This is possible? In this situation I can't type in input.

<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

Your current HTML is invalid for 2 reasons:

1. <a> is an inline element and as such can't contain block level elements as <div>
2. by specification <a> tag is not allowed to contain interactive content:

Content model: Transparent , but there must be no interactive content descendant.

Move the input outside of the a tag and position it absolutely on top of the link. Everything will still be inside the link, except that the input is now on top of the link and is normally clickable:

<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;
}

Example: http://jsfiddle.net/jFL6R/