使用表单在其他代码中生成值答案

【问题标题】：Using a form to generate values within other code使用表单在其他代码中生成值
【发布时间】：2016-11-25 22:02:01
【问题描述】：

我希望人们能够填写一个非常简单的、包含大约 15-20 个字段的基本表单，并将这些值填充到下面的一些预先编写的 HTML/CSS 中，有点像 @987654321 @ （但包含来自代码内部表单的值且没有复选框）。

找到适合我的简单文本输入表单没有问题，但我找不到将这些值放入 CSS 文本的方法。我不想执行 CSS，只是将其显示为纯文本。

理想情况下，我想要这样的表单格式：

名称：[文本输入框]
DOB：[文本输入框]
主页状态：[文本输入框]
其他资料：【文字输入框】
其他日期：[文本输入框]

......

然后当他们点击“提交”时，它会以纯文本形式填充到下方，以便他们自己发布完整的代码：

<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 或任何涉及多个页面的东西。可以接受文本输入并根据需要在纯文本中反刍的最基本脚本是我需要的，但似乎无法弄清楚。

【问题讨论】：

标签： javascript forms input

【解决方案1】：

抱歉，我在您编辑问题时写了答案。稍后我会发布 java 脚本答案。

由于您没有对如何解决您的情况指定任何限制，我建议您使用 PHP，它会让您非常轻松。

所以您需要的是 2 个文件，一个捕获信息的文件，当您单击提交时，它会将信息发送到新窗口，这只是一个捕获和处理表单数据的 PHP 文件。

请参见此处的示例： http://simplemx.net/StackOverflow/form.html
如果这是您要查找的内容，请继续阅读以查看 php 文件背后的操作。

但首先，不要看表格并注意以下三件事：

1.- 当您按下提交时将调用的 PHP filename，文件名位于 action 属性中。

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

2.- 表单方法，在这种情况下我们将使用 POST

<form ... method="POST">

3.- 每个输入字段都有自己独特的 name 属性，该属性不能包含空格，并且在 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 网络托管公司，所以你可以玩/测试你的工作。

【讨论】：

如果会用jQuery，也很简单。 1.- 获取输入字段的所有值。
2.- 对于将以 POST 格式进入 url 的字符串 3.- 打开一个新页面（窗口） 4.- 在新窗口中从 url 中提取数据 5.- 使用jQuery 填充（设置）它应该去的所有信息。
好的，所以我想出了如何通过将 html 放在论坛页面上并将其转到托管在其他地方的 .php 表单来完成这项工作。这不是我想要的理想情况（因为我仍然想使用 javascript 并将其填充在下面），但它可以工作，这是最重要的。我仍然遇到的问题是它正在格式化我放入表单的代码，而不是将其显示为纯文本。 IE。我希望他们从字面上看到 Name:，not 以粗体看到单词名称。有没有办法做到这一点？谢谢！！
哈！我在它周围扔了textarea标签，它起作用了！它不漂亮，但它可以完成工作。谢谢你。