如何使整个Div成为按钮？

Question

首先，我做了整个div的链接

<a href=''><div></div></a>

它的可点击性以及其他所有内容，但是与此相关，我无法提交POST，我想这样做是试图将整个div设置为一个按钮（然后使其透明），但是该按钮无法填充整个div，并且按钮放置在整个区域中股利，但股利之外。

<button><div></div></button>

如何将整个div设为按钮？

@罗德里戈·莱特

if(isset($_POST['submit'])){
      //test
header("Location: http://www.google.com/");
}

<script language="JavaScript" type="text/javascript" src="/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/jquery-ui-personalized-1.5.2.packed.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/sprinkle.js"></script>

<script>
$(document).ready(function(){
    $('#div_test').click(function(){
        $('#form').submit();
    });
});

  </script>

<form name='form' action='' method='POST'><div id='div_test' ></div></form>

Answer 1

您可以使用javascript来做到这一点：

<?php

$name = @$_POST['name'];
$lastName = @$_POST['lastName'];

echo 'Received data:<br>';
echo $name . ' ' . $lastName;
echo '<br><br>';

?>

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
    <form action='' method='post' id='form'>
        Name: <input type='text' name='name'><br>
        Last name: <input type='text' name='lastName'<br>
        <br><br>
        <div onclick='$("#form").submit();' style='border: 1px solid #000000'>
            DIV example: Fire form submit on click</div>
        </div>
        <br><br>
        <input type='submit' value='Submit butto e.g.'>
    </form>
<body>
</html>

希望对您有帮助。

Answer 2

为了发布到页面，您将需要一个具有post方法的表单。

index.html

<form action="action_page.php" id="myNames" method="post">
  First name:<br>
  <input type="text" name="myName">
  <br>
  Last name:<br>
  <input type="text" name="myLastName">
  <br><br>
  <input type="submit" value="Submit">
</form>

然后接收由php文件发布的信息。

action_page.php

$firstName = $_POST['myName'];
$lastName = $_POST['myLastName'];

echo $firstName . ' ' . $lastName;

用javascript提交表单

<div class="button" id="SubmitForm" onclick="submitForm()" title="myNames">

 function submitForm()
 {
      document.getElementById('myNames').submit();
 }

现在，当您单击带有id="SubmitForm"的div时，将提交。 注意每个元素的ID。 这就是我们选择每个元素的方式。

然后使用我们的php，当我们进入php页面时，我们使用每个元素的名称转换为php变量，并将其回显。

如何使整个Div成为按钮？

问题描述

2 个解决方案

解决方案1
2 已采纳 2015-11-08 19:35:08

解决方案2
1 2015-11-08 20:00:49

如何使整个Div成为按钮？

问题描述

2 个解决方案

解决方案1 2 已采纳 2015-11-08 19:35:08

解决方案2 1 2015-11-08 20:00:49

解决方案1
2 已采纳 2015-11-08 19:35:08

解决方案2
1 2015-11-08 20:00:49