HTML入力値

-1

私はリンクを作成しようとしていますを取得しており、このようなURLに変数を配置します。私はindex.html?color=VALUE GOES HEREにユーザーを送信しようとしていますHTML入力値

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

。 VALUE GOES HEREの代わりに、私は現在の色入力値が好きです。

出典

2016-10-16 nedla2004

たとえば、[submit]をクリックしたときにurlに移動したいのですか？ – Microsmsm

ああ、フォームを意味しますか？なぜ「

@Microsmsmいいえ、私は、メインページのリンクをクリックしたときにユーザーに行きたいと思っています。 – nedla2004

私はこれを行うに考えることができる唯一の方法ではJavaScriptを使用することです（メソッドで= "GET"）、これはあなたが探しているものでない場合はごめんなさい：

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>

出典

2016-10-16 01:20:15 Carp

あなたがフォーム、

を使用することができますmethod属性は、（フォームのデータは、action属性で指定したページに送信されである）フォームデータを送信する方法を指定します。

フォームデータはURL変数として送信することができます

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

出典

2016-10-16 01:16:29 Microsmsm

リンクをクリックしたユーザーがホームページに行くのを探していますが、これを行う簡単な方法はありますか？ – nedla2004

これは正しい方法です – Microsmsm

答えて

関連する問題