У меня есть пользовательская строка поиска, но я не знаю, как заставить ее работать с кодом js.
Это моя кнопка поиска:
script type = "text/javascript" > document.getElementById('searchform').onsubmit = function() { window.location = 'http://www.google.com/search?q=site:yourdomainname ' + document.getElementById('test').value; return false; }
<!DOCTYPE html> <center> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> input[type=text] { width: 130px; box-sizing: border-box; border: 2px solid #000000; border-radius: 4px; font-size: 16px; background-color: white; background-image: url('searchicon.png'); background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } input[type=text]:focus { width: 100%; } </style> </head> <body> <form> <input type="text" name="search" placeholder="Search.."> </form> </body> </html>
Если вы можете мне помочь, это было бы здорово, спасибо.
В вашем html не объявлено ни элемента searchform, ни test, чтобы вы могли getElementById.
searchform
test
getElementById
Измените свою форму на что-то вроде этого:
<form id="searchform"> <input id="test" type="text" name="search" placeholder="Search.."> </form>