How to end searched url with &* - html

Question

I am trying to make a searh bar linking up to google.no (norway). when you search for music you get this URL: https://www.google.no/#q=music&*. My question is how i can get the (& *) at the end of a search.
.search {
border: solid 1px grey;
border-radius: 3px;
padding: 10px;
padding-left: 30px;
padding-right: 30px;
font-size: 15px;
margin: 15px;
}
<form class="form" action="http://www.google.no/#q=">
<input class="search" name="q" placeholder="Search...">
</form>

Answer 1

You cannot submit to this Google page, because it has an anchor # in it. This means, it has not the regular GET format, you would get, if you just submit a form to this URL. You have to calculate the correct URL in JavaScript or on the back-end side.
If you want to create the correct URL with JavaScript, you can use the function encodeURIComponent(url) to escape the parameter.
Here is an example:
var searchBox = document.querySelector('.search');
var form = document.querySelector('.form');
form.addEventListener('submit', function(event) {
var value = searchBox.value;
var escapedValue = window.encodeURIComponent(value);
var url = "https://www.google.no/#q=" + escapedValue
alert(url);
window.location.href = url;
event.preventDefault();
});
<form class="form" action="test">
<input class="search" name="q" placeholder="Search...">
<input type="submit" class="submit" value="Submit">
</form>