Simple Form Submit Code

Ich möchte ein einfaches Formular mit nur einem Eingabetextfeld und Suchschaltfläche erstellen.Simple Form Submit Code

Eine Person würde den Suchbegriff in das Feld eingeben und Suche drücken.

Alles, was tun wird, ist ihren Suchbegriff zu nehmen und am Ende der URL hinzuzufügen.

Also, wenn Suchbegriff „gutes italienisches Essen“ ist der Submit-Button um den Benutzer zu http://domain/find/good italienischem Essen schicken würde

Was ist der einfachste Weg, dies zu tun?

Vielen Dank!

Quelle

2010-12-11 vitalyp

zu erstellen

<html> 
    <head> 
    <script type='text/javascript'> 
     function Search() { 
     var keyword = document.getElementById("keyword").value; 
     var url = "http://yourwebsite.com/find/"+keyword; 
     window.location = url; 
     return false; 
     } 
    </script> 
    </head> 
    <body> 
    <form name="search"> 
     <input type="text" name="keyword" id="keyword" /> 
     <input type="button" name="btnser" onclick="Search()" value="Search" /> 
    </form> 
    </body> 
</html>

Quelle

2010-12-11 04:37:52 r1400304

Verwendung von JavaScript und HTML-Formular

ein Formular mit einer Schaltfläche und Textfeld in der Post des Formulars erstellen rufen Sie die JavaScript-Funktion die URL mit dem Benutzer eingegebenen Text

<!DOCTYPE html> 
<html> 
<head> 
<script type='text/javascript'> 
    function redirect(){ 
    var s = document.getElementbyID("txt").value; 
    var url="http://url.com/" + s; 
    window.location = url; 
    } 
</script> 
</head> 
<body> 
    <form> 
    <input type=''></input> 
    </form> 
</body> 
</html>

Quelle

2010-12-11 04:28:49 Sudantha

Ich würde auch vorschlagen, mit encodeURI(), um es "sicher" zu machen.

http://www.w3schools.com/jsref/jsref_encodeuri.asp

Quelle

2010-12-11 04:41:18

könnten Sie das action-Attribut im onsubmit Ereignis außer Kraft setzen: Example

HTML

<form action="#" onsubmit="send(this)" method="post" target="_blank" > 
    <input id="text"/> 
    <input type="submit" value="submit"/> 
</form>

JavaScript

function send(form){ 
    form.action = location.href + '/'+encodeURI(document.getElementById('text').value); 
}

Durch das Überschreiben der Formularaktion oder das Umleiten des Benutzers innerhalb des Ereignisses onsubmit können Sie außerdem eine echte submit-Schaltfläche verwenden.

Diese dem Benutzer die Möglichkeit gibt zu drücken Sie einfach die enter key, sobald sie die Suche einreichen eingegeben haben, ohne dass Sie in das Textfeld für die die Enter-Taste Hören zusätzliche Logik zu schreiben, die die Suche zu unterbreiten.

Quelle

2010-12-11 04:59:14 subhaze

Danke dafür. Es gibt immer ein? am Ende der URL. Wie entferne ich das? – vitalyp

oh wow, habe das nicht bemerkt. Wenn Sie die Methode form auf 'method =" post "setzen, sollte sie die'? ' – subhaze

perfekt loswerden, danke! – vitalyp

Simple Form Submit Code

Antwort

Verwandte Themen