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