href не работает в IE

Question

У меня есть сайт php.У меня есть плоский файл для чтения выборов для динамического создания меню.Единственная проблема, которую я сейчас имею, заключается в том, что ссылка для загрузки следующей страницы не работает.

echo "<tr><td>$chunk[2]</td><td>$chunk[3]</td><td><a href= \"$chunk[4]\"><input type=\"submit\" class=\"input\" value=\"View Details\"/></a></td></tr>";

Здесь строка не очень хорошо отображается, поэтому я сократил ее до 5 строк ниже.В моем коде, хотя это все в одной строке.[просто указываю на это]

echo "<tr><td>$chunk[2]</td>";  
echo "<td>$chunk[3]</td><td>";
echo "<a href= \"$chunk[4]\">";
echo "<input type=\"submit\" class=\"input\" value=\"View Details\"/>";
echo "</a></td></tr>";

Мой текстовый файл:

dogs|animals|shelter|owner|dog1.php

С тех пор я удалил следующую строку, которая разрешила проблему

 <input type=\"submit\" class=\"input\" value=\"View Details\"/>

У меня есть другие кнопки на сайте, которые для согласованности, я хотел бы сохранить то же самое.Любая идея, почему IE не нравится это, или есть способ исправить это?

мой CSS:

.input:hover { background: #D8A96E; }
.input:active { color:#D8A96E; }
.input {
    border: 1px #48561D;
    border-style:inset;
    background: #778E30;
    width: 100px;
    color: #FFFFFF } 

Answer 1

Вы подразумеваете, что это работает в других браузерах? Я был бы удивлен.

Для быстрого исправления измените тег <a> на тег <form>, например:

...
echo "<form action=\"$chunk[4]\">";
echo "<input type=\"submit\" class=\"input\" value=\"View Details\"/>";
echo "</form></td></tr>";
...

Answer 2

Кнопка отправки и тег <a> делают разные вещи.

Если ваша кнопка отправки отправляет форму, удалите тег <a>.

Если вам нужна кнопка, которая отправляет вас на новую страницу без отправки формы, выполните что-то вроде:

echo "<script>
  function sendTo(link)
  {
     window.location.href = link
  }
</script>
<input type=\"button\" class=\"input\" value=\"View Details\" onclick=\"sendTo('$chunk[4]')\"/>";

Answer 3

вы вводите кнопку отправки в текстовую часть вашей ссылки ... делать это не нужно.

Если вы хотите, чтобы кнопка доставляла вас туда, куда вам нужно, измените атрибут действия в вашей форме. В качестве альтернативы вы можете использовать элемент «button» и использовать JS для отправки пользователя в нужное вам место.