提交按钮以创建输入文本的HTML文件

时间:2016-03-11 18:30:37

标签: php html css forms styles

我工作的地方的厨师正试图找出一种简单(有点花哨)的方式,让员工可以查看菜单。我已经建立了一个表单,所以他可以进入Mon-Fri菜单,但我需要一些帮助来创建菜单。

我希望厨师能够访问这个网站(已经建成的表格),让他输入菜单的所有信息。一旦他输入了他点击提交的信息,它就会创建一个HTML文件,这个文件已经被背景图像和字体所迷惑,但我需要他输入的文本转移到那里。

我从我目前通过电子邮件向人力资源部门输入数据的表单中获取此信息。我知道它与php部分有关,我甚至不确定这是否可行。

这是我的表格,我猜我只需要php信息

<head>
<title>Cafe Menu Creator</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" type="text/css" href="cafe.css" />
</head>

<body>
<br />
<br />
<center><h1>Cafe Menu Creator</h1></center>
<div id="page-wrap">
    <div id="contact-area">
        <form method="post" action="cafe.php">
            <label for="Name">Monday:</label>
            <textarea name="Message_Monday" rows="20" cols="20" id="Message_Monday"></textarea>

            <label for="Name">Tuesday:</label>              
            <textarea name="Message_Tuesday" rows="20" cols="20" id="Message_Tuesday"></textarea>

            <label for="Name">Wednesday:</label>            
            <textarea name="Message_Wednesday" rows="20" cols="20" id="Message_Wednesday"></textarea>

            <label for="Name">Thursday:</label>
            <textarea name="Message_Thursday" rows="20" cols="20" id="Message_Thursday"></textarea>

            <label for="Name">Friday:</label>
            <textarea name="Message_Friday" rows="20" cols="20" id="Message_Friday"></textarea>

            <input type="submit" name="submit" value="Submit" class="submit-button" />
        </form>

        <div style="clear: both;"></div>



    </div>

</div>

</body>

</html>

PHP:

<?php



$MessageMonday = $_POST['Message_Monday'];
$MessageTuesday = $_POST['Message_Tuesday'];
$MessageWednesday= $_POST['Message_Wednesday'];
$MessageThursday = $_POST['Message_Thursday'];
$MessageFriday = $_POST['Message_Friday'];


ob_start();
?>
<div>
<html>
<body bgcolor=red>






</div>
<div><?php echo $MessageMonday; ?></div>
<div><?php echo $MessageTuesday; ?></div>
<div><?php echo $MessageWednesday; ?></div>
<div><?php echo $MessageThursday; ?></div>
<div><?php echo $MessageFriday; ?></div>



<?php
$html = ob_get_contents();
ob_end_clean();

$path = '/var/www/web1/web/';
$filename = "menu.html";

file_put_contents($path.$filename);
?>

2 个答案:

答案 0 :(得分:4)

我不会重新输入我已经完成调试的内容。

以下是最终代码应该读作的内容,并且您修复了HTML标记中的一些错误。

<强> HTML

<!doctype html>

<head>
<title>Cafe Menu Creator</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" type="text/css" href="cafe.css" />

</head>

<body>
<br />
<br />
<center><h1>Cafe Menu Creator</h1></center>
<div id="page-wrap">
    <div id="contact-area">
        <form method="post" action="cafe.php">
            <label for="Name">Monday:</label>
            <textarea name="Message_Monday" rows="20" cols="20" id="Message_Monday"></textarea>

            <label for="Name">Tuesday:</label>              
            <textarea name="Message_Tuesday" rows="20" cols="20" id="Message_Tuesday"></textarea>

            <label for="Name">Wednesday:</label>            
            <textarea name="Message_Wednesday" rows="20" cols="20" id="Message_Wednesday"></textarea>

            <label for="Name">Thursday:</label>
            <textarea name="Message_Thursday" rows="20" cols="20" id="Message_Thursday"></textarea>

            <label for="Name">Friday:</label>
            <textarea name="Message_Friday" rows="20" cols="20" id="Message_Friday"></textarea>

            <input type="submit" name="submit" value="Submit" class="submit-button" />
        </form>

        <div style="clear: both;"></div>


    </div>

</div>

</body>

</html>

<强> PHP

<?php

$MessageMonday = $_POST['Message_Monday'];
$MessageTuesday = $_POST['Message_Tuesday'];
$MessageWednesday= $_POST['Message_Wednesday'];
$MessageThursday = $_POST['Message_Thursday'];
$MessageFriday = $_POST['Message_Friday'];

ob_start();
?>
<html>

<body bgcolor="red">

<div>
Menu
</div>

<div><?php echo $MessageMonday; ?></div>
<div><?php echo $MessageTuesday; ?></div>
<div><?php echo $MessageWednesday; ?></div>
<div><?php echo $MessageThursday; ?></div>
<div><?php echo $MessageFriday; ?></div>

</body>
</html>

<?php
$html = ob_get_contents();
ob_end_clean();

$path = '/path/to/folder/';
$filename = "menu.html";

file_put_contents($path.$filename, $html);

?>

<强>脚注:

如果您想避免使用<b></b>等HTML(和/或PHP)标记,可以对POST阵列使用strip_tags()

$MessageMonday = strip_tags($_POST['Message_Monday']);
$MessageTuesday = strip_tags($_POST['Message_Tuesday']);
$MessageWednesday= strip_tags($_POST['Message_Wednesday']);
$MessageThursday = strip_tags($_POST['Message_Thursday']);
$MessageFriday = strip_tags($_POST['Message_Friday']);

参考:

但是,如果您确实要添加HTML标记以制作粗体文字(动态),则只需输入<b>Today's menu</b>,然后输入任何其他有效的HTML。

参考:

即使是HTML表格(动态):

<table border="1" width="100%">
  <tr>
    <td width="100%" colspan="2" bgcolor="#99CCFF">
      <p align="center"><b>Today's menu</b></td>
  </tr>
  <tr>
    <td width="50%" bgcolor="#FFFFFF">Fish and chips</td>
    <td width="50%" bgcolor="#FFFFFF">$3.95</td>
  </tr>
  <tr>
    <td width="50%" bgcolor="#FFFFFF">Hamburger</td>
    <td width="50%" bgcolor="#FFFFFF">$3.25</td>
  </tr>
  <tr>
    <td width="50%" bgcolor="#FFFFFF">Cheeseburger</td>
    <td width="50%" bgcolor="#FFFFFF">$3.50</td>
  </tr>
</table>

答案 1 :(得分:1)

首先,我会将您的输入名称更改为message_fridaymessage[]之类的独特内容,而不仅仅是message

并且这个php代码应该可以工作,你仍然需要对路径和文件名做一些修改并插入你自己的html。

<?php
    $messageMonday = $_POST['message_monday'];
    $messageFriday = $_POST['message_friday'];

    $html = "";

    ob_start();
?>
    <div>Your html stuff</div>
    <div><?php echo $messageMonday; ?></div>
    . . .
<?php
    $html = ob_get_contents();
    ob_end_clean();

    $path = "/path/to/file/";
    $filename = "file_".rand(0,9999).".html";

    file_put_contents($path.$filename, $html);
?>

如果需要,可以将其包装成一个返回新Url的函数:)