Das kapiere ich nicht ganz:
Entweder du arbeitest mit dem input-Feld und reset ODER du verlinkst einfach eine Grafik, die mit "Reset" beschriftet ist.
Ich vermute, du willst letzteres? Dann brauchst du kein Input-Feld.
Wieso willst Du einen Resetbutton mit Link drumherum benutzen? der ist gedacht um die eingaben zu verwerfen/abzubrechen auch wenn Du OK drauf schreibst.
Die input buttons solltest Du in ein Formular einbetten.
Zum Absenden/OK (bei Dir um die Seite zu öffnen) nimmst du dann type=submit als attribut.
Im Formular-tag legst Du fest, was beim absenden (submit) passieren soll.
Also so:
<form action="../conf/conf5.html">
<input type="submit" value="OK" />
<input type="reset" value="abbrechen" />
</form>
Wobei ich zum verlinken auch eher zu einem Text/grafik/CSS-Link raten würde.
Alternativ könnte man das auch mit 'onclick' (Javascript) machen.
Du missbrauchst die Funktion von Buttons 
Lege dir halt einen Button als Grafik an und verlinke ihn (ich weiß, du willst das nicht)
Du solltest irgendwie das mit den <input ..> Feldern möglichst sein lassen, wenn du nicht unbedingt eine Checkbox oder ein Textfeld darstellen willst.
Inputfelder sollten nach Möglichkeit nicht alleine in der Weltgeschichte stehen (AFAIK verbietet das strict HTML ), sondern sollten immer in einem Formularblock eingebettet stehen.
Wenn du also unbedingt einen Link mit einem Inputbutton realisieren willst, dann bitte korrekt, indem du ein Formular drum herum machst und das <a..> </a> Zeug ganz weg lässt.
Viel einfacher und für deine Zwecke auch völlig ausreichend:
Um einen Link in Gestalt eines Buttons zu imitieren (ohne eine Grafik zu bemühen), reicht schon ein bisschen CSS für ein IMHO vernünftiges Resultat aus.
Vorteil:du sparst dir im weiteren Verlauf viel Arbeit weil du nur im Link eine Klasse setzen musst, und ein Link bleibt ein Link, was z.B. für Suchmaschinen die Analyse des ganzen Angebots vereinfacht.
Mit den Farbe und Größe der "CSS Buttons" kann man sich sicher noch ein wenig verkünsteln, wenn man will. Bei den Imitierten Buttons bleibt durch die Pseudoklasse :focus sogar einigermaßen das typische Button "Verhalten" beim auswählen mit dem Tabulator erkennbar. Den Mouse-Over Effekt über die Pseudoklasse :hover kann man sich auch gerne schenken,wenn man nicht drauf steht.
Als Tip: de.selfhtml.org bietet eine empfehlenswerte Dokumentation zum nachschauen aller html und CSS Tags und Attribute
<html>
<head>
<title>Der Button Test</title>
<style type="text/css">
.button
{
font-family:Verdana;
font-size:12px;
color: ButtonText;
background-Color: ButtonFace;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
border-right: 2px solid ButtonShadow;
border-bottom: 2px solid ButtonShadow;
text-decoration: none;
text-align: center;
line-height:30px;
padding:3px;margin:1px;
}
.button:hover
{
background-Color: grey;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 2px solid #cccccc;
border-bottom: 2px solid #cccccc;
text-decoration: none;
}
.button:focus
{
text-decoration: underline;
}
</style>
</head>
<body>
<button onclick="location='http://www.telefon-treff.de'">Besser als <input> wäre <button> ,geht nur trotzdem nur mit javascript</button>
<form action="http://www.telefon-treff.de"><input type="submit" value="So wird eigentlich ein Formbutton verwendet/missbraucht"> </form>
<a class="button" href="http://www.telefon-treff.de">Und </a>
<a class="button" href="http://www.telefon-treff.de">So kann man</a> <br>
<a class="button" href="http://www.telefon-treff.de">Buttons relativ einfach mit CSS imitieren</a> weil sie weiterhin normale Links bleiben
<br><a class="button" href="" > Dummy button mit TAB funktion</a>
<br><span class="button">Dummy button ohne TAB funktion</span>
</body>
</html>
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!