입력필드에 html 테이블을 넣고싶어요

https://imgur.com/a/2JdqUBc

필드를 넣고싶은데 도저히 못하겠네요..

캡쳐사진까지만 어떻게어떻게 갔는데 체크박스 내용이 출력이 안되네요.

너무 몰라서 그런지 몇일째 헤메고있습니다.

초보 좀 도아주세요..

 

<table class="tb_imp" style="width: 24%;" summary=""><caption> </caption>
<tbody>
<tr>
<td style="width: 6.25%; text-align: center;">  18  
<input id="guide_18" name="guide_18" type="checkbox" value="1" /></td>
<td style="width: 6.25%; text-align: center;">17
<input id="guide_17" name="guide_17" type="checkbox" value="1" /></td>
<td style="width: 6.25%; text-align: center;">16
<input id="guide_16" name="guide_16" type="checkbox" value="1" /></td>
<td style="width: 6.25%; text-align: center;">15
<input id="guide_15" name="guide_15" type="checkbox" value="1" /></td>
<td style="width: 6.25%; text-align: center;">14
<input id="guide_14" name="guide_14" type="checkbox" value="1" /></td>
<td style="width: 6.25%; text-align: center;">13
<input id="guide_13" name="guide_13" type="checkbox" value="1" /></td>
<td style="width: 6.25%; text-align: center;">12
<input id="guide_12" name="guide_12" type="checkbox" value="1" /></td>
<td class="br_right" style="width: 6.25%; text-align: center;">11
<input id="guide_11" name="guide_11" type="checkbox" value="1" /></td>
<td class="br_left" style="width: 6.25%; text-align: center;">21
<input id="guide_21" name="guide_21" type="checkbox" value="1" /></td>
<td style="width: 6.25%; text-align: center;">22
<input id="guide_22" name="guide_22" type="checkbox" value="1" /></td>
<td style="width: 6.25%; text-align: center;">23
<input id="guide_23" name="guide_23" type="checkbox" value="1" /></td>
<td style="width: 6.25%; text-align: center;">24
<input id="guide_24" name="guide_24" type="checkbox" value="1" /></td>
<td style="width: 6.25%; text-align: center;">25
<input id="guide_25" name="guide_25" type="checkbox" value="1" /></td>
<td style="width: 6.25%; text-align: center;">26
<input id="guide_26" name="guide_26" type="checkbox" value="1" /></td>
<td style="width: 6.25%; text-align: center;">27
<input id="guide_27" name="guide_27" type="checkbox" value="1" /></td>
<td style="width: 6.25%; text-align: center;">28
<input id="guide_28" name="guide_28" type="checkbox" value="1" /></td>
</tr>
<tr>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i18" src="http://ndtdent.com/wp-content/uploads/2020/10/18tooth.jpg" alt="" /></td>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i17" src="http://ndtdent.com/wp-content/uploads/2020/10/17tooth.jpg" alt="" /></td>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i16" src="http://ndtdent.com/wp-content/uploads/2020/10/16tooth.jpg" alt="" /></td>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i15" src="http://ndtdent.com/wp-content/uploads/2020/10/15tooth.jpg" alt="" /></td>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i14" src="http://ndtdent.com/wp-content/uploads/2020/10/14tooth.jpg" alt="" /></td>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i13" src="http://ndtdent.com/wp-content/uploads/2020/10/13tooth.jpg" alt="" /></td>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i12" src="http://ndtdent.com/wp-content/uploads/2020/10/12tooth.jpg" alt="" /></td>
<td class="br_right br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i11" src="http://ndtdent.com/wp-content/uploads/2020/10/11tooth.jpg" alt="" /></td>
<td class="br_left br_bottom" style="width: 6.25%; text-align: center;"><span class="br_right br_top"><img id="guide_i21" src="http://ndtdent.com/wp-content/uploads/2020/10/21tooth.jpg" alt="" /></span></td>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i22" src="http://ndtdent.com/wp-content/uploads/2020/10/22tooth.jpg" alt="" /></td>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i23" src="http://ndtdent.com/wp-content/uploads/2020/10/23tooth.jpg" alt="" /></td>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i24" src="http://ndtdent.com/wp-content/uploads/2020/10/24tooth.jpg" alt="" /></td>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i25" src="http://ndtdent.com/wp-content/uploads/2020/10/25tooth.jpg" alt="" /></td>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i26" src="http://ndtdent.com/wp-content/uploads/2020/10/26tooth.jpg" alt="" /></td>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i27" src="http://ndtdent.com/wp-content/uploads/2020/10/27tooth.jpg" alt="" /></td>
<td class="br_bottom" style="width: 6.25%; text-align: center;"><img id="guide_i28" src="http://ndtdent.com/wp-content/uploads/2020/10/28tooth.jpg" alt="" /></td>
</tr>
<tr>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i48" src="http://ndtdent.com/wp-content/uploads/2020/10/48tooth.jpg" alt="" /></td>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i47" src="http://ndtdent.com/wp-content/uploads/2020/10/47tooth.jpg" alt="" /></td>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i46" src="http://ndtdent.com/wp-content/uploads/2020/10/46tooth.jpg" alt="" /></td>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i45" src="http://ndtdent.com/wp-content/uploads/2020/10/45tooth.jpg" alt="" /></td>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i44" src="http://ndtdent.com/wp-content/uploads/2020/10/44tooth.jpg" alt="" /></td>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i43" src="http://ndtdent.com/wp-content/uploads/2020/10/43tooth.jpg" alt="" /></td>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i42" src="http://ndtdent.com/wp-content/uploads/2020/10/42tooth.jpg" alt="" /></td>
<td class="br_right br_top" style="width: 6.25%; text-align: center;"><img id="guide_i41" src="http://ndtdent.com/wp-content/uploads/2020/10/41tooth.jpg" alt="" /></td>
<td class="br_left br_top" style="width: 6.25%; text-align: center;"><span class="br_right br_top"><img id="guide_i31" src="http://ndtdent.com/wp-content/uploads/2020/10/31tooth.jpg" alt="" /></span></td>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i32" src="http://ndtdent.com/wp-content/uploads/2020/10/32tooth.jpg" alt="" /></td>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i33" src="http://ndtdent.com/wp-content/uploads/2020/10/33tooth.jpg" alt="" /></td>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i34" src="http://ndtdent.com/wp-content/uploads/2020/10/34tooth.jpg" alt="" /></td>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i35" src="http://ndtdent.com/wp-content/uploads/2020/10/35tooth.jpg" alt="" /></td>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i36" src="http://ndtdent.com/wp-content/uploads/2020/10/36tooth.jpg" alt="" /></td>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i37" src="http://ndtdent.com/wp-content/uploads/2020/10/37tooth.jpg" alt="" /></td>
<td class="br_top" style="width: 6.25%; text-align: center;"><img id="guide_i38" src="http://ndtdent.com/wp-content/uploads/2020/10/38tooth.jpg" alt="" /></td>
</tr>
<tr>
<td style="width: 6.25%; text-align: center;"><input id="guide_48" name="guide_48" type="checkbox" value="1" />
48</td>
<td style="width: 6.25%; text-align: center;"><input id="guide_47" name="guide_47" type="checkbox" value="1" />
47</td>
<td style="width: 6.25%; text-align: center;"><input id="guide_46" name="guide_46" type="checkbox" value="1" />
46</td>
<td style="width: 6.25%; text-align: center;"><input id="guide_45" name="guide_45" type="checkbox" value="1" />
45</td>
<td style="width: 6.25%; text-align: center;"><input id="guide_44" name="guide_44" type="checkbox" value="1" />
44</td>
<td style="width: 6.25%; text-align: center;"><input id="guide_43" name="guide_43" type="checkbox" value="1" />
43</td>
<td style="width: 6.25%; text-align: center;"><input id="guide_42" name="guide_42" type="checkbox" value="1" />
42</td>
<td class="br_right" style="width: 6.25%; text-align: center;"><input id="guide_41" name="guide_41" type="checkbox" value="1" />
41</td>
<td class="br_left" style="width: 6.25%; text-align: center;"><input id="guide_31" name="guide_31" type="checkbox" value="1" />
31</td>
<td style="width: 6.25%; text-align: center;"><input id="guide_32" name="guide_32" type="checkbox" value="1" />
32</td>
<td style="width: 6.25%; text-align: center;"><input id="guide_33" name="guide_33" type="checkbox" value="1" />
33</td>
<td style="width: 6.25%; text-align: center;"><input id="guide_34" name="guide_34" type="checkbox" value="1" />
34</td>
<td style="width: 6.25%; text-align: center;"><input id="guide_35" name="guide_35" type="checkbox" value="1" />
35</td>
<td style="width: 6.25%; text-align: center;"><input id="guide_36" name="guide_36" type="checkbox" value="1" />
36</td>
<td style="width: 6.25%; text-align: center;"><input id="guide_37" name="guide_37" type="checkbox" value="1" />
37</td>
<td style="width: 6.25%; text-align: center;"><input id="guide_38" name="guide_38" type="checkbox" value="1" />
38</td>
</tr>
</tbody>
</table>

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기