クリックで、私は簡単なフォームを持っているフィールド

Question

からURLにアクセスしてください提出：私は入力フィールドにテキストdanielを置く場合

<form class="form-contact-warp form-calc-ship cb-form" action="javascript:redirect();"> 
    <input class="form-control" required="" id="textBox" type="text" name="code" size="15" placeholder="USI-TECH affiliate ID"> 
    <button type="submit" class="btn-main-color btn-block"> Create page</button> 
</form> 

、私はリンクを追加したいと思います。

例：

私は中danielを入れて、私が提出します。私はリンク www.example.com/danielとテキストThis is your linkの下に表示したいと思います。私はこれを行うための最善の方法は、それ自体ではjQueryやJavaScriptを使用することだと思い

おかげ

Answer 1

：

<form class="form-contact-warp form-calc-ship cb-form" action="" method="post"> 
    <input class="form-control" required="" id="textBox" type="text" name="code" size="15" placeholder="USI-TECH affiliate ID"> 
    <button type="submit" class="btn-main-color btn-block"> Create page</button> 
</form> 
<div id="response"></div> 
<!-- add jquery library --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
$(function(){ 
    $('form').on('submit',function(e){ 
     e.preventDefault(); 
     $('#response').html('This is your link:<br />http://www.example.com/'+encodeURI($('#textBox').val())); 
    }); 
}); 
</script> 

ここでは、ここでjsFiddle

で発見jQueryのデモは同じものですそれだけがwhen you typeに変更されます。

あなたは純粋なPHPを使用したい場合は、何かが提出されましたを確認する必要があります。

<form class="form-contact-warp form-calc-ship cb-form" action="" method="post"> 
    <input class="form-control" type="text" name="code" size="15" placeholder="USI-TECH affiliate ID"> 
    <input type="submit" class="btn-main-color btn-block" value="Create page" /> 
</form> 

<?php 
# Check if there is a post 
if(!empty($_POST['code'])) { 
    # You want to make sure you remove possible html and covert the string to a url. 
    echo 'This is your link:<br />http://www.example.com/'.urlencode(trim(strip_tags($_POST['code']))); 
}