Bonjour/Bonsoir à tous et à toutes !
Je requiers votre aide si possible car j'ai un petit soucis, dont je ne trouve malheureusement pas la solution .. et c'est un poil embêtant, vous en conviendrez ^^
Voilà, j'ai créé une barre de recherche pour mon site, qui est en local et dont voici le code html/css:
html:
<form class="searchbarre" method=get action=http://www.lolking.net/search?.net>
<input class="champstxt" type=text name="name" maxlength="21" placeholder="Entrez le nom d'un invocateur pour voir son profil">
<input class="bouton" type="submit" value="Go">
</form>
css:
/*barre de recherche*/
.searchbarre{
position: absolute;
top: 15px;
right:20px;
border: 1px solid #706b64;
padding: 3px 5px;
border-radius: 2em;
box-shadow: 0 2px 0 rgba(0,0,0,.1);/* 1: décalage horizontal à droite 2: décalage vertical en bas 3: force du dégradé 4: color*/
background: #fbfbfb;
background: -moz-linear-gradient(top, #ffffff, #17192e);
}
.searchbarre .champstxt{
background: #ffffff;
padding: 5px;
width: 300px;
border: 1px solid #706b64;
border-radius: 2em;
box-shadow:inset 0 2px 0 rgba(0,0,0,.1);/*inset = ombrage interne et pas externe*/
}
.searchbarre .bouton{
color: white;
border: 1px solid #3f3f3f;
font-size: 13px;
height: 28px;
width: 28px;
border-radius: 2em;
background: #636363;
background: -moz-linear-gradient(top, #636363, #454444 );
font-weight: bold;
}
Ce que je souhaiterais, c'est que lorsque j'appuis sur le bouton "go", ma recherche s'ouvre dans un nouvel onglet.
J'avais donc déjà testé ceci sans grande conviction:
<input class="bouton" type="submit" value="Go" target=_blank>
Mais comme il fallait s'y attendre c'est un échec ^^
Est-ce-que quelqu'un pourrait m'aider ?
En vous remerciant,
Cordialement,
Iron Man
