2016-07-27 67 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

相關問題