İnput'u button ile nasıl POSTalanır?

Ledenav

Arama Motoru Çubuğu Gibi Düşünün

<input type="search" id="put" />
<button id="btn" > BAS </button>

İnput alanına girilen metni örneğin,
google.com/?q= X
x yerine yazacak ve butona basınca webde arama yapacak. Nasıl yapılabilir?

var btn put=get.documentElementById("btn , put")

Yanlışsa düzeltin

Halil Han BADEM

Ledenav Yanlış;

<form> tagı içerisinde actiondeğerini gidecek sayfayı işaretleyip sonrasında method değerini ise POSTolarak ayarlarsan veriler ilgili sayfaya gider.

<form action="google.com" method="GET">
  <input type="text" name="x">
</form>

şeklinde deneyebilirsin. Test etmedim.

Ledenav

Halil Han BADEM

<form action="https://www.google.com.tr/?q=" method="post">
    <input placeholder="Yaz D" type="text" id="put" />        <br />
    <button onclick="btn()" type="submit">Search</button>
</form>

Siteye gidiyor fakat

action + input.value

yapıp gitmiyor. Sadece action url ye gidiyor. ???

Halil Han BADEM

Ledenav Yanlış kullanıyorsun çünkü...

?q eklemen gerekmiyor. Onu zaten input ekleyecek.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>

<form action="https://www.google.com/search" method="GET">
	<input type="text" name="q">
</form>
</body>
</html>

Test ettiğim bir kod. Gelen inputa değer yazıp Enter tuşuna basman yeterli.

Ledenav

Halil Han BADEM Bu şekilde çalışıyor fakat <form action="https://www.google.com/?q" method="get"> <input type="text" name="q"> <button> Ara </button> </form>
bu şekildede çalışıyor. ?q örnek vermiştim.çoğu arama motoru onu kullandığı için. Onunla alakası yokmuş. Sadece name="q" kaldırınca çalışmıyor. Nedenini açıklayabilir misin?

Halil Han BADEM

Ledenav Attığın kod ile de çalışmaması lazım. ?q eklememen gerekir onu input name değeri olarak ekliyor zaten.

Halil Han BADEM ?q eklemen gerekmiyor. Onu zaten input ekleyecek.

Ledenav

Halil Han BADEM
Deneyebilirsin Çalışıyor.

https://www.bing.com/search?q=

Kopyala yapıştır çalışıyor. Fakat name ye başka değer verdiğinde çalışmıyor. Yada kaldırdığında. Sadece q ile çalışıyor. Nedeni nedir?

Halil Han BADEM

Ledenav Çalışır fakat ?q koyman gerekmiyor. Sonradan input tanımını gördüm. Name alanına başka değer verirsen şu şekilde olur;

abc verirsen

https://www.bing.com/search?abc=
q verirsen

https://www.bing.com/search?q=

bu yüzden Action kısmında sadece url'yi yazman yeterli olur.