用HTML格式生成自定義URL

Question

我是HTML新手。我需要根據表單輸入元素的值生成並重定向到URL的代碼。例如，有兩個字段name和roll，一旦填充它應該生成http://example.com/name/roll並將用戶發送到URL。

這可能嗎？我能夠創建URL http://webaddress/data+data+data，但不能與/。請大家;如果你可以幫忙，將非常感激。提前致謝。

Answer 1

在前端，這將是最好的使用JavaScript做，只是形式獲取價值和其插入到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

試試這個

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">