在另一页显示输入

时间:2017-07-15 16:29:12

标签: javascript html forms



<h1>User Review</h1>
<p><em style="font-weight:bold">Still not convinced? </em><br><br> Well let's take a look and see what our </p>
<p>users have to say about RedPanda.</p>
<nav><h1 id="r1" id="comment"> Amazing   <br id='rating_1'><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></h1></nav>
<nav><h1 id="r1">Brilliant    <br><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></h1></nav>
<nav><h1 id="r1">Good       <br><span>★</span><span>★</span><span>★</span><span>☆</span><span>☆</span></h1></nav>
<nav><h1 id="r1">Ugly Logo       <br><span>★</span><span>★</span><span>☆</span><span>☆</span><span>☆</span></h1></nav>
<nav><h1 id="r1">Free Software      <br><span>★</span><span>★</span><span>★</span><span>☆</span><span>☆</span></h1></nav><br>
<a href="redpanda.html" id="reviewlink">You can write your review here :)</a>
&#13;
&#13;
&#13;

以上是用户评论html页面

&#13;
&#13;
    <form action="userreview.html" onsubmit="tosubmit()">


<div style="padding-bottom: 18px;">First Name:<span style="color: red;"> </span><br/>
<input type="text" name="firstname">
<br>
<div style="padding-bottom: 18px;">Last Name:<span style="color: red;"> </span><br/>
<input type="text" name="lastname">
<br>
<div style="padding-bottom: 18px;">Review:<span style="color: red;"> </span><br/>
<textarea id="data_8" ${readonly} name="data_8" style="width : 450px;" rows="10" class="form-control"></textarea>
<nav>
<fieldset class="rating">
    <legend>Please rate:</legend>
    <input type="radio" id="star5" name="rating" value="5" /><label for="star5" title="Rocks!">★★★★★</label>
    <input type="radio" id="star4" name="rating" value="4" /><label for="star4" title="Pretty good">★★★★</label>
    <input type="radio" id="star3" name="rating" value="3" /><label for="star3" title="Meh">★★★</label>
    <input type="radio" id="star2" name="rating" value="2" /><label for="star2" title="Kinda bad">★★</label>
    <input type="radio" id="star1" name="rating" value="1" /><label for="star1" title="Sucks big time">★</label>
</fieldset>
</nav>  
 <div style="padding-bottom: 18px;">Would you recommend this product?<span style="color: red;"> *</span><br/>
<span><input type="radio" id="data_9_0" name="data_9" value="Yes"/> Yes</span><br/>
<span><input type="radio" id="data_9_1" name="data_9" value="No"/> No</span><br/>
<span><input type="radio" id="data_9_2" name="data_9" value="I am not sure"/> I am not sure</span><br/>
</br>
 <input type="submit" value="Submit">
 </div>
</form>
&#13;
&#13;
&#13;

这是用户提交评论及其评分的表单页面。我希望输入替换我在用户评论页面上放在我的html上的评论之一。有人能帮我吗 ???谢谢

(例如,当我在此表格页面上发表意见时,当我提交意见时,我会将其显示为用户评论页面上的评论之一)

我完全不知道如何开始这个,所以如果有一些建议给我感谢会很好

2 个答案:

答案 0 :(得分:0)

我对你想要的东西感到困惑,但我猜你有那个你想要放在页面上的用户评论表格。你有多种方法可以做到这一点。我个人最喜欢的是用PHP做的,但还有其他方法。

HTML:

 <div w3-include-html="userreview.html"></div>

PHP:

include_once 'userreview.html';

jQuery的:

<script> 
    $(function(){
        $("#user-review").load("userreview.html"); 
    });
</script> 
<div id="user-review"></div>

的iFrame:

<iframe src="userreview.html"></iframe>

其中任何一个都应该有用。如果这有帮助,请点击复选标记。

答案 1 :(得分:0)

我认为您正在寻找的是建立一个数据库来保存所有评论。然后,您可以使用php在数据库中创建条目并显示数据库中的所有评论。