2016-10-16 85 views
-1

我試圖做一個鏈接,並放置一個變量在這樣的網址:HTML獲取輸入值

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
    <a href="index.html?color=">Main Page</a> 
    <input type="color" id="colorPicker" value="#808080"> 
</body> 
<html> 

我想給用戶發送到index.html?color=VALUE GOES HERE。而不是VALUE GOES HERE,我想當前的顏色輸入值。

+1

你想導航用戶到url當他點擊提交例如? – Microsmsm

+0

哦,你的意思是形式?你爲什麼不使用'

'標籤? –

+0

@Microsmsm不,我只是想讓用戶去點擊主頁鏈接。 – nedla2004

回答

1

,我能想到做到這一點的唯一方法是用JavaScript ,很抱歉,如果這不是你要找的東西:

function urlUpdate(hex) { 
 
    document.getElementById("link").href = "index.html?color=" + hex; 
 
}
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
</head> 
 

 
<body> 
 
    <a id='link' href="index.html?color=">Main Page</a> 
 
    <input type="color" id="colorPicker" value="#808080" onchange="urlUpdate(value)"> 
 
</body> 
 
<html>

2

您可以使用的形式

的方法屬性指定如何發送表單數據(表單數據 發送到action屬性指定的頁面)。

的表單數據可以被作爲URL變量(使用方法=「獲取」)

<form action="index.html" method="get"> 
 
    <input type="color" name="color" value="#808080"> 
 
    <input type="submit" value="Submit"> 
 
</form>

+0

我只是尋找用戶,如果他們點擊鏈接去主頁,有沒有一個簡單的方法來做到這一點? – nedla2004

+0

如果你想這樣做,這是正確的方法 – Microsmsm