Question

我的html页面有许多文本框（在显示/隐藏的div标签中），我希望一旦在底部点击提交按钮，其中的数据就会发送到文本文档。

我对html编码相当新，并且有限制的php / jquery经验，所以如果有一个简单的方法来做到这一点将不胜感激。下面是当前的代码：

我的JS：

function showhide(layer_ref) {
    var element =  document.getElementById(layer_ref);
    var state = element.style.display

    if (state == 'block') { 
        state = 'none'; 
    } else { 
        state = 'block'; 
    } 
    if (document.all) { //IS IE 4 or 5 (or 6 beta) 
        eval( "document.all." + layer_ref + ".style.display = state"); 
    } 
    if (document.layers) { //IS NETSCAPE 4 or below 
        document.layers[layer_ref].display = state; 
    } 
    if (document.getElementById &&!document.all) { 
        hza = document.getElementById(layer_ref); 
        hza.style.display = state; 
    } 
}

HTML：

<form>
Name: <input type="text" name="name">
Date: <input type="numbers" name="date">

<p><a href="test.html#div1" onclick="showhide('div1');">Question 1</a></p>
<div id="div1" style="display: none;">
    <img src="q1.jpg" alt="some_text">
    <TEXTAREA Name="q1answer" ROWS=20 COLS=100></TEXTAREA>
</div> 

<!-- same code pattern for div2 to div7 -->

<p><a href="test.html#div8" onclick="showhide('div8');">Question 8</a></p> 
<div id="div8" style="display: none;">
    <img src="q8.jpg" alt="some_text">
    <TEXTAREA Name="q8answer" ROWS=20 COLS=100></TEXTAREA>
</div>

</form>

Answer 1

您可以使用php GET或POST从HTML表单接收数据。

这是一个可以帮助您的教程：http://www.tizag.com/phpT/postget.php

Answer 2

将您的HTML表单标记更改为：

<form action='page.php' method='post'>

在表单标记

结尾之前添加提交按钮

<input type=submit name='submit' value='submit'>

更改名称输入字段的名称标签

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

into（你不能使用name作为输入名称）

<input type="text" name="myname">

并添加此PHP代码：

if(isset($_POST['submit'])){ //if button is clicked do this:
    $name = $_GET['myname'];
    $date = $_GET['date'];
    $answer1 = $_GET['q1answer'];
    $answer2 = $_GET['q2answer'];
    $answer3 = $_GET['q3answer'];
    $answer4 = $_GET['q4answer'];
    $answer5 = $_GET['q5answer'];
    $answer6 = $_GET['q6answer'];
    $answer7 = $_GET['q7answer'];
    $answer8 = $_GET['q8answer'];
    }
else{
    //if button is not clicked do this
    }

如何从html表单中获取数据

2 个答案: