3
Mit eigener Suchleiste über Google suchen
Hallo zusammen,
das ist vielleicht eine sehr simple Frage und ich habe bestimmt nur was übersehen, aber ich bekomme es einfach nicht hin, mit folgender Suchleiste über Google zu suchen:
Hier die CSS:
Wenn ich was eingebe und es bestätige, öffnet sich zwar Google, aber mein Begriff wird dort nicht gesucht
Ich hoffe, mir kann jemand helfen.
Gruß
D1Ck3n
das ist vielleicht eine sehr simple Frage und ich habe bestimmt nur was übersehen, aber ich bekomme es einfach nicht hin, mit folgender Suchleiste über Google zu suchen:
<!doctype html>
<html>
<head>
<title>searchbar</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="search.css">
</head>
<body>
<form class="search" role="form" method="get" action="https://www.google.com/search"><input class="searchTerm" placeholder="Enter your search term ..." /><input class="searchButton" type="submit" /></form>
</body>
</html>Hier die CSS:
@import url(http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
.search {
width: 100%;
position: relative;
}
.search:before {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
line-height: 40px;
font-family: 'FontAwesome';
content: '\f002';
background: #8FC357;
text-align: center;
color: #fff;
border-radius: 5px;
-webkit-font-smoothing: subpixel-antialiased;
font-smooth: always;
}
.searchTerm {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: 5px solid #8FC357;
padding: 5px;
height: 40px;
border-radius: 5px;
outline: none;
}
.searchButton {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
opacity: 0;
cursor: pointer;
}Wenn ich was eingebe und es bestätige, öffnet sich zwar Google, aber mein Begriff wird dort nicht gesucht
Ich hoffe, mir kann jemand helfen.
Gruß
D1Ck3n
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 277950
Url: https://administrator.de/contentid/277950
Printed on: April 19, 2024 at 14:04 o'clock
3 Comments
Latest comment
Hallo D1Ck3n
Der Input Tag muss noch etwas angepasst werden:
Gruss
nextized
Der Input Tag muss noch etwas angepasst werden:
<form class="search" role="form" method="get" action="https://www.google.com"><input name="#q" class="searchTerm" placeholder="Enter your search term ..." /><input class="searchButton" type="submit" /></form> Gruss
nextized
Für die Suche über Site /search/ must du den Namen des Textfeldes noch mit q benennen.
Grüße Uwe
<!doctype html>
<html>
<head>
<title>searchbar</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="search.css">
</head>
<body>
<form class="search" role="form" method="get" action="https://www.google.com/search">
<input type="text" name="q" placeholder="Enter your search term ..." />
<input class="searchButton" type="submit" />
</form>
</body>
</html>
Hallo Uwe und nextized,
mit name="q" hat es geklappt!
Vielen Dank euch beiden!
Gruß
D1Ck3n
mit name="q" hat es geklappt!
Vielen Dank euch beiden!
Gruß
D1Ck3n
