2016-07-27 35 views
-1

我和我的朋友正在创建一个网站。我是唯一知道任何类型编码的人。由于他们不知道任何编程语言,所以我想创建一个表单提交页面,使他们能够输入基本信息,更新并生成并将PHP或HTML插入主页面。将内容插入其他页面的提交表单

例如,如果方框1中的名称=“Rob”,我希望它插入<p><a href="rob.htm">Rob</a> @HH:MM MM:DD:YY</p> 而且无论在方框2中键入的信息是否在以下段落中。

我知道类似上面的东西可能与PHP和SQL,但我只是有点难以知道它需要被搜索以了解它。 非常感谢您的帮助。

+0

显示整个源代码。 –

+0

不清楚你问 –

+0

谷歌“的PHP的HTML表单” – Ghost

回答

0

听起来好像你不一定需要任何PHP。这是你可以在客户端轻松完成的事情。当然,对于更加详细的内容,您需要更多地构建这些内容,并且毫无疑问可以使用更复杂的系统,但对于您的示例,只需将您想要与某些JavaScript加入的内容合并即可。

我在http://codepen.io/anon/pen/VjdPgm组装样品,不过这里的重要的一点:

HTML

<p>Box 1</p> 
<input id="box1"> 

<p>Box 2</p> 
<input id="box2"> 

<br/> 
<button onclick="generate()">Generate</button> 

<p>Result</p> 
<textarea id="result" cols="100" rows="10"></textarea> 

的JavaScript

var generate = function() { 
    var output = ""; 

    //Append the text for box1 
    var box1 = document.querySelector('#box1').value; 
    output = '<p><a href="' + box1 + '.htm">' + box1 + '</a>@HH:MM MM:DD:YY</p>'; 

    //Append the text for box2 
    var box2 = document.querySelector('#box2').value; 
    output += '<p><a href="' + box2 + '.htm">' + box2 + '</a>@HH:MM MM:DD:YY</p>'; 

    //Set the output in the result box 
    document.querySelector('#result').value = output; 
} 

您按一下按钮,它执行这个JavaScript函数可以从您提交的框中提取值领导并将这些值放入内联模板中。

现在,如果你真的想这对保存在某个地方的逻辑,你将需要纳入经PHP保存此逻辑,并可能与你的模板的休息或类似的地方存放。对于这一点,你需要考虑其他的一些方面,包括检验,逃逸,你是如何设计自己的页面与他们的内容,以建立他们(例如,此脚本覆盖现有文件或者你组装基于网页一些MySQL查找),但这有点超出了你的问题的范围。

如果您使用的是CMS的种类,您可以考虑使用类似上述示例的方法来生成标记,以便他们可以将所需内容放入CMS中,并避免自己编写所有其他内容。

+0

这就是我想要做的,只有我想我将不得不将其保存到一个SQLite服务器,并有一个PHP页面拉最后十个或更多输入来生成内容页面。 – OzzmanFloyd120

相关问题