HREF вокруг типа ввода представить - PullRequest
Новая
       0

HREF вокруг типа ввода представить

8 голосов
/ 14 июля 2011

, почему в IE не работает href вокруг типа ввода input? (и что я могу сделать, чтобы это исправить) 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org    /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
</head>
<body>
<a href="1.html"><input type="submit" class="button_active" value="1"></a>
<a href="2.html"><input type="submit" class="button" value="2"></a>
<a href="3.html"><input type="submit" class="button" value="3"></a>
</body>
</html>

style.css: 

* {
    margin: 0;
    padding: 0;
}

/* CSS Buttons: http://www.web4site.de/css/css-buttons.php */
.button {
    padding:0;
    margin:0;
    border:none;
    font-size:14px;
    background: url(../img/button.gif) no-repeat center;
    color: #000000;
    height:27px;
    width:134px; 
    font-variant:small-caps;
}

.button:hover {
    padding:0;
    margin:0;
    border:none;
    font-size:14px;
    background: url(../img/button.gif) no-repeat center;
    color: #FF0000;
    height:27px;
    width:134px; 
    text-decoration:none;
    font-variant:small-caps;
}

.button_active {
    padding:0;
    margin:0;
    border:none;
    font-size:14px;
    background: url(../img/button.gif) no-repeat center;
    color: #FF0000;
    height:27px;
    width:134px; 
    font-variant:small-caps;
}

Это нормально работает в Firefox ...

Ответы [ 5 ]

16 голосов
/ 14 июля 2011

Почему вы хотите поместить кнопку отправки внутри якоря?Вы либо пытаетесь отправить форму, либо переходите на другую страницу.Который из них?

Либо отправьте форму: 

<input type="submit" class="button_active" value="1" />

Или перейдите на другую страницу: 

<input type="button" class="button_active" onclick="location.href='1.html';" />
11 голосов
/ 14 июля 2011

Это не работает, потому что это не имеет смысла (так мало смысла, что HTML 5 явно запрещает это).

Чтобы исправить это, решите, хотите ли вы ссылку или кнопку отправки, и используйте любое другоетот, который вы на самом деле хотите (Подсказка: у вас нет формы, поэтому кнопка «Отправить» - нонсенс).

0 голосов
/ 30 августа 2012 
<a href="1.html"><input type="text" class="button_active" value="1"></a>
<a href="2.html"><input type="text" class="button" value="2"></a>
<a href="3.html"><input type="text" class="button" value="3"></a>

Попробуй это. Если вам действительно не нужно придерживаться типа as submit, то то, что я предоставил, должно работать. Если вы собираетесь придерживаться отправки, то все, что упомянуто выше, является правильным, это не имеет смысла.

0 голосов
/ 14 июля 2011

Я согласен с Квентином. Не имеет смысла, почему вы хотите сделать это так. Это часть концепции Semantic Web . Вы должны планировать объекты вашего веб-сайта для будущей интеграции / расширения. Другое веб-приложение или веб-сайт не могут взаимодействовать с вашим контентом, если он не соответствует надлежащему сценарию использования.

IE и Firefox - два разных зверя. В IE есть много вещей, которые Firefox и другие браузеры, поддерживающие стандарты, отвергают.

Если вы пытаетесь создать кнопки без фактической отправки данных, используйте комбинацию DIV / CSS.

0 голосов
/ 14 июля 2011

Поместите местоположение ссылки в action="" тега form для переноса.

Ваша первая ссылка будет: 

<form action="1.html">
    <input type="submit" class="button_active" value="1">
</form>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...