如何使整個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