使用表單在其他代碼中生成值

我希望人們能夠填寫一個非常簡單的，包含大約15-20個字段的裸骨頭表單，並將這些值填充到一些預先編寫的HTML/CSS下面，有點像this（但是從代碼中的值和沒有複選框的值）。使用表單在其他代碼中生成值

我沒有找到簡單的文本輸入表單，但我找不到將這些值放入CSS文本的方法。我不想執行CSS，只是爲了在純文本下顯示它。

理想我想在表的格式是這樣的：

名稱：文本輸入框]
DOB：文本輸入框]
州立：文本輸入框]
其他數據：[文本輸入框]
其他日期：[文本輸入框]

......

，然後當他們點擊 '提交'，這popul以下爲純文本阿泰這樣他們就可以發佈完整的代碼本身：

<style type="text/css"> ... bunch of css </style> 

<body> 
<div class="">Name:</div> [inserted value from form] 
<div class="">DOB:</div> [inserted value from form] 
<div class="">Home State:</div> [inserted value from form] 

other stuff 
</body>

我要指出，我使用這個現有的論壇（jcink）內，所以我不能使用PHP或任何涉及多個頁面。在純文本中可以根據需要採用文本輸入和迴流的最基本的腳本是我需要的，但似乎無法弄清楚。

來源

2016-11-25 tw521

SORRY，我在你編輯你的問題時寫了答案。我稍後會發布java腳本答案。

由於您沒有對如何解決您的情況指定任何限制，我建議您使用PHP，它會使它變得非常容易。

所以你需要的是2個文件，一個捕獲信息，當你點擊提交它發送信息到新窗口，這是一個PHP文件，捕獲和處理表單的數據。

在這裏看到的例子： http://simplemx.net/StackOverflow/form.html
如果這是你在找什麼，請繼續閱讀看看php文件後面的操作。

但首先，免得去看一下一個形式，並注意到這些事3：

1 .- PHP的名當您按下提交將被調用，文件名變爲在動作屬性。

<form ... action="show-data.php" ...

2.-的形式的方法，在這種情況下，我們將使用POST

<form ... method="POST">

3。 - 每個輸入字段都有自己獨特的名屬性，不能包含空格，並採取記住它們區分sensite當你在PHP

<input type="text" name="home_state"\>

HTML文件，例如使用它們：

<form id="formulario" action="show-data.php" method="POST"> 
    Name: <input type="text" name="name" required><br>   
    DOB: <input type="text" name="dob" required><br> 
    Home State: <input type="text" name="home_state" ><br>     
    <input type="submit" value="submit" name="submit"> 
</form>

與捕獲並從示例顯示數據PHP文件：

<?php 
// put the information from the form in variables 
$name = $_POST['name']; 
$dob = $_POST['dob']; 
$home_state = $_POST['home_state']; 

// put the variables into a string with HTML format 
$html = <<<HTML 
<div class="">Name: $name</div> 
<div class="">DOB: $dob</div> 
<div class="">Home State: $home_state</div> 
HTML; 

// print the string with the HTML 
echo $html; 
?>

這也可以在單個文件或JavaScript中完成。

如果這不是您正在尋找的內容，請提供您正在嘗試解決的問題或情況的更多詳細信息和示例。 PS：如果你沒有服務器來測試PHP文件，那裏有很多免費的PHP網站託管公司，所以你可以玩/測試你的工作。

來源

2016-11-26 00:07:47 docliving

如果你可以使用jQuery，它也很簡單。 1.-獲取輸入字段的所有值。 – docliving

2.-對於將以POST格式進入url的字符串 3.-打開一個新頁面（窗口） 4.-在新窗口中從url提取數據 5.-使用jQuery填充（設置）它應該去的所有信息。 – docliving

好的，所以我想出瞭如何通過在論壇頁面上放置html來完成這項工作，並讓它轉到其他地方託管的.php表單。這不是理想的我想要的（因爲我仍然喜歡使用JavaScript，只是讓它填充下面），但它的工作原理，這是最重要的。我仍然有這個問題，它將格式化放入表單中的代碼，而不是將其顯示爲純文本。 I.E.我希望他們字面上看到名稱：，*不*看到粗體字的名稱。有沒有辦法做到這一點？謝謝！ – tw521

使用表單在其他代碼中生成值

回答

相關問題