HTMLフォームでのカスタムURL生成

Question

私はHTMLを初めて使用しています。フォーム入力要素の値に応じてURLを生成してリダイレクトするコードが必要です。たとえば、2つのフィールドnameとrollを入力すると、http://example.com/name/rollが生成され、そのURLにユーザーが送信されます。

これは可能ですか？ URL http://webaddress/data+data+dataを作成できましたが、/では作成できませんでした。さあ、どうぞ。助けてもらえれば、非常に感謝しています。前もって感謝します。

Answer 1

を試してみて、単にフォームの値を取得し、あなたが望むようURLに挿入します。

サンプルHTML

<form onsubmit="myFunction();return false"> 
    <input name="name" id="name"> 
    <input name="roll" id="roll"> 
</form> 

サンプルのJavaScript

<script> 
function myFunction(){ 
    //Get values 
    var name = document.getElementById('name').value; 
    var roll = document.getElementById('roll').value; 
    //Redirect 
    window.location = "http://webaddress/"+name+"/"+roll; 
    } 
</script> 

Answer 2

var name = "Jone" 
var roll = 100; 

var url = "http://webaddgess/"+name+"/"+roll; 

Answer 3

、これが最善のJavaScriptで行われますフロントエンドには、この一つの

var roll=document.getElementById("rollhtml"); 
 
var x = document.getElementById("namehtml"); 
 
var url="Your URL here"+roll+x;

<input type="text" id="rollhtml" placeholder="Roll" value=""> 
 
<input type="text" id="namehtml" placeholder="Name">