Question

Currently I’m working with:

<form action="/user/" method="get">
<input type="text" name="" id="" size="20" value="">
<input type="submit" value="Search">
</form>

But, this redirects to /user/?=searchterm

I would like it to redirect to /user/searchterm

I know this is easy I just cannot figure it out.

EDIT: If I was unclear. I would like the form to use the parameter typed in and redirect the browser to /user/(parameter)

Answer 1

You would have two options to do this.

1. Redirect the user after for submit to the correct page (example using PHP):

   HTML

   <form action="/usersearch/" method="post">
     <input type="text" name="user" id="" size="20" value="">
     <input type="submit" value="Search">
   </form>
   

   PHP

   if (!isset($_REQUEST['user'])) {
       header('Location: http://example.com/search'); //redirect back to search page
       exit();
   }
   
   header('Location: http://example.com/user/' . $_REQUEST['user']);
   exit();
   

2. Use javascript to capture the submit and redirect (I’m using jQuery because I’m lazy ATM but it’s alo possible with vanilla JS):

   ​(function($) {
       $('form').submit(function() {
           window.location = "http://example.com/user/" + $('input[name="user"]', this).val();
   
           return false;
       });
   })(jQuery)​