webentwicklung-frage-antwort-db.com.de

href um den Eingabetyp absenden

warum funktioniert ein Href um einen Eingabetyp nicht im IE? (und was kann ich tun, um das Problem zu beheben)

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

Das funktioniert gut in Firefox ...

6
Marc

Warum möchten Sie einen Senden-Button in einen Anker einfügen? Sie versuchen entweder, ein Formular zu übermitteln oder gehen auf eine andere Seite. Welches ist es? 

Entweder das Formular absenden: 

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

Oder gehen Sie zu einer anderen Seite: 

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

Es funktioniert nicht, weil es keinen Sinn ergibt (so wenig Sinn, dass HTML 5 es ausdrücklich verbietet).

Um dies zu beheben, entscheiden Sie, ob Sie einen Link oder eine Schaltfläche zum Senden wünschen, und verwenden Sie den gewünschten Button (Hinweis: Sie haben kein Formular, daher ist eine Schaltfläche zum Senden Unsinn).

10
Quentin

Ich stimme mit Quentin überein. Es macht keinen Sinn, warum Sie es so machen wollen. Es ist Teil des Konzepts Semantic Web . Sie müssen die Objekte Ihrer Website für die zukünftige Integration/Erweiterung planen. Eine andere Webanwendung oder Website kann nicht mit Ihren Inhalten interagieren, wenn sie nicht dem richtigen Anwendungsfall folgt.

IE und Firefox sind zwei verschiedene Bestien. Es gibt eine Reihe von Dingen, die IE zulässt, wenn Firefox und andere standardbasierte Browser ablehnen.

Wenn Sie versuchen, Schaltflächen zu erstellen, ohne tatsächlich Daten zu übermitteln, verwenden Sie eine Kombination aus DIV/CSS.

0
fergatron

Platzieren Sie die Verknüpfungsstelle im action="" eines umschließenden form-Tags. 

Ihr erster Link wäre:

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

Versuch das. Wenn Sie nicht wirklich bei dem Typ als einreichen müssen, sollte das, was ich zur Verfügung gestellt habe, funktionieren. Wenn Sie bei submit bleiben, ist alles, was oben erwähnt wurde, richtig, es macht keinen Sinn. 

0
ImagineCustoms