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

質問編集履歴

1

2022/02/08 03:11

投稿

yuko_momi
yuko_momi

スコア4

title CHANGED
File without changes
body CHANGED
@@ -28,9 +28,57 @@
28
28
 
29
29
 
30
30
  ```
31
+
32
+ ```html
33
+ <table>
34
+ <tr>
35
+ <td><input type="text" name="zip1" name="郵便番号" placeholder="5310071"></td>
36
+ <td><button type="button" id="zip-btn" class="postcode_btn" href="#">郵便番号から検索</button></td>
37
+ </tr>
38
+  <tr>
39
+  <td>
40
+ <p class="split_title">都道府県<span class="label_06">必須</span></p>
41
+ <p class="select_02">
42
+ <select name="pref" class="pref">
43
+ <option value="" selected>都道府県</option>
44
+ <option value="1">北海道</option>
45
+ <option value="2">青森県</option>
46
+ <option value="3">岩手県</option>
47
+ <option value="4">宮城県</option>
48
+ <option value="5">秋田県</option>
49
+ <option value="6">山形県</option>
50
+ <option value="7">福島県</option>
51
+ <option value="8">茨城県</option>
52
+ <option value="9">栃木県</option>
53
+ <option value="10">群馬県</option>
54
+ <option value="11">埼玉県</option>
55
+ </select>
56
+ </p>
57
+ </td>
58
+ <td>
59
+ <p class="split_title">市区町村<span class="label_06">必須</span></p>
60
+ <input type="text" name="city" placeholder="大阪市北区中津3丁目">
61
+ </td>
62
+ </tr>
63
+   <tr>
64
+ <td>
65
+ <p class="split_title">番地<span class="label_06">必須</span></p>
66
+ <input type="text" name="address" placeholder="7-3">
67
+ </td>
68
+ <td>
69
+ <p class="split_title">建物名<span class="label_07">任意</span></p>
70
+ <input type="text" name="建物名" placeholder="ビルコ">
71
+ </td>
72
+ </tr>
73
+ </table>
74
+ ```
75
+
31
76
  #zip-btnを<button>タグにid指定すれば実装できていたのですが
32
77
  idなので、一つの住所入力しかできませんでした。
33
78
  こちらをclass指定に変えてみたのですが、そうすると動かなくなってしまいました。
34
79
 
35
80
 
36
81
  こちら、解決策がわかる方がいましたら、ご教授いただければ幸いです。
82
+
83
+ ※htmlも追記しました。セレクトの都道府県は長かったので消しています。
84
+