it-swarm.com.ru

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

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

<!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 ...

6
Marc

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

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

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

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

<input type="button" class="button_active" onclick="location.href='1.html';" />
13
Kon

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

Чтобы исправить это, решите, хотите ли вы ссылку или кнопку отправки, и используйте ту, которая вам действительно нужна (подсказка: у вас нет формы, поэтому кнопка отправки - нонсенс).

10
Quentin

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

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

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

0
fergatron

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

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

<form action="1.html">
    <input type="submit" class="button_active" value="1">
</form>
0
Phil
<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
ImagineCustoms