Javascript HTML输入输出

用户在此处输入其姓名作为表单的一部分

  <p>Name <font color="red">(required) </font> <input name="flname" required="required" placeholder="Your Name" </p>

提前感谢

getElementById（'flname'）

。。。方法的名称中是否清楚地写着，方法通过其

Id

获取元素，而不是通过其名称。使用

getElementsByName

或为输入标记设置id。您的输入标记也未关闭。。。不要使用字体，它已经过时了。如果要提交标记内容，请使用ajax或在代码中的何处设置隐藏字段，然后使用submit handler在实际提交之前将其与div的内容一起设置

<div id="yourdivid">....</div>
<input id="submitarea" type="hiden" name="submitarea">

$(function() {
  $('#yourformid').submit( function() {
    $('#submitarea').val($('#yourdivid').html()); 
  }); 
});

。。。。
$（函数（）{
$（'#yourformid'）。提交（函数（）{
$（'submitarea'）.val（$（'yourdivid'）.html（））；
}); 
});

A

不是表单元素，因此不会提交。您需要在表单的submit事件上实现一个事件监听器，该监听器拾取

的内容并将其放入表单元素中。为此，在表单中添加一个隐藏的

下面是一个简单的例子：

<div id=divContent style="width:400px; height=200px;overflow:auto" contenteditable>Some content</div>
<form id=userForm>
    <input type=hidden name=userContent id=userContent>
        <input type=submit name=submit value="Send!">
</form>


<script>
        var el=document.getElementById('userForm');
el.addEventListener('submit', function() {
    var elInput=document.getElementById('userContent');
    var elDiv=document.getElementById('divContent');
    elInput.value = elDiv.innerHTML;
});

</script>

一些内容

  <?php
    ini_set('display_errors',1);  error_reporting(E_ALL);
    include('mplookup.php');
    $name = $_POST['flname'];
    $email = $_POST['emailfrom'];
    $message = $_POST['userContent'];
     $address = $_POST['address'];
     $city = $_POST['city'];
     $postcode = $_POST['postcode'];
    $human = $_POST['human'];
    $to = "";
    $body = $message;
    $subject = 'From: $email \r\n : Sisi\'s visit to the UK: Sent using EG4DEMUK\'s Tool ';

    ?>
    <?php
    if ($_POST['submit']) {
        if (mail ($to, $subject, $body, $email))
        {
            echo '<p>Thank you for your email!</p>';
        } else {
            echo '<p>Oops! An error occurred. Try sending your message again.</p>';
        }
    }
    ?>

From: Hassan Ismail
E-Mail: 
Message

<div id="yourdivid">....</div>
<input id="submitarea" type="hiden" name="submitarea">

$(function() {
  $('#yourformid').submit( function() {
    $('#submitarea').val($('#yourdivid').html()); 
  }); 
});

<div id=divContent style="width:400px; height=200px;overflow:auto" contenteditable>Some content</div>
<form id=userForm>
    <input type=hidden name=userContent id=userContent>
        <input type=submit name=submit value="Send!">
</form>


<script>
        var el=document.getElementById('userForm');
el.addEventListener('submit', function() {
    var elInput=document.getElementById('userContent');
    var elDiv=document.getElementById('divContent');
    elInput.value = elDiv.innerHTML;
});

</script>