teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

js

2018/09/05 04:27

投稿

yambejp
yambejp

スコア117967

answer CHANGED
@@ -28,4 +28,25 @@
28
28
  <?PHP
29
29
  print_r($_POST);
30
30
  ?>
31
+ ```
32
+ # javascriptバージョン
33
+ ```PHP
34
+ <style>
35
+ #f1{position:absolute;top:-9999px;}
36
+ </style>
37
+ <script>
38
+ window.addEventListener('DOMContentLoaded', function(e){
39
+ document.querySelector("#a1").addEventListener('click',function(e){
40
+ e.preventDefault();
41
+ document.querySelector("#f1").submit();
42
+ });
43
+ });
44
+ </script>
45
+ <a href="#" id="a1">ほげ</a>
46
+ <form method="post" id="f1">
47
+ <input type="text" name="hoge" value="1">
48
+ </form>
49
+ <?PHP
50
+ print_r($_POST);
51
+ ?>
31
52
  ```

1

追記

2018/09/05 04:27

投稿

yambejp
yambejp

スコア117967

answer CHANGED
@@ -11,4 +11,21 @@
11
11
  <input type="text" name="hoge" value="1">
12
12
  <input type="submit" value="go" id="sbmt">
13
13
  </form>
14
+ ```
15
+ # 追記
16
+ フォームを表示しない
17
+ ```PHP
18
+ <style>
19
+ .anchor{text-decoration:underline;color:blue;}
20
+ .anchor:hover{color:red;}
21
+ #f1{position:absolute;top:-9999px;}
22
+ </style>
23
+ <label for="sbmt" class="anchor">ほげ</label>
24
+ <form method="post" id="f1">
25
+ <input type="text" name="hoge" value="1">
26
+ <input type="submit" value="go" id="sbmt">
27
+ </form>
28
+ <?PHP
29
+ print_r($_POST);
30
+ ?>
14
31
  ```