从HTML Javascript表单中读取数据

时间:2017-04-21 01:25:29

标签: javascript php html mysql

我正在创建一个由数据库支持的网站。我创建了收集信息的表单,但现在我需要在用户单击提交时从表单中读取输入并为mySQL处理它。我的表单操作是一个新页面,但我无法弄清楚如何从上一页读取值。我的表单代码如下所示:

<div data-wrapper-react="true">
        <span class="form-sub-label-container" style="vertical-align:top;">
          <input type="text" id="first_3" name="q3_fullName3[first]" class="form-textbox validate[required]" size="10" value="" data-component="first" />
          <label class="form-sub-label" for="first_3" id="sublabel_first" style="min-height:13px;"> First Name </label>
        </span>

当用户点击提交时,此页面的操作是connect.php。我不知道如何阅读那里的价值。我尝试了以下命令:

document.getElementById("first_3").value; 

这只是在connect.php的空白html页面上显示代码,而不是读取值。表格中的数据需要处理到不同的表格中,如果有人可以提供帮助,那将是很好的。谢谢

1 个答案:

答案 0 :(得分:0)

表单处理,就像您描述的那样,是您在服务器端执行的操作。首先在服务器上处理PHP,其中PHP标记可以被评估为HTML,然后将其返回给浏览器。你不会处理来自javascript的表单输入,直到你的PHP用它做了一些事情。以下是复习:https://www.w3schools.com/php/php_forms.asp

setOffScreenPageLimit会将值输出到HTML页面,允许您执行以下操作:

<?php echo $_POST["q3_fullName3[first]"]; ?>

如果您查看HTML的来源,您会注意到PHP标记已消失并替换为表单字段值。

听起来你可能想要一本关于PHP + MySQL的书,因为与数据库交互是一个更高级的主题。我可以推荐这个: https://www.amazon.com/Learning-PHP-MySQL-JavaScript-Javascript-ebook/dp/B00QUBHNFI/ref=mt_kindle?_encoding=UTF8&me=