결론은 form 안에 form을 사용하면 안된다.
예) 게시판의 글을 개별적으로 수정 가능 하며, 전체로 한번에 수정 할 수 있게 하고 싶다.
전체 수정에 대해서 form을 설정하고
개별에 대한것은 버튼에 함수를 사용하여 수정할 수 있도록 하자.
예)
<script>
function update(no,cnt)
{
var test = document.getElementsByName("test")[cnt].value;
location.href="./update.html?no="+no+"&test="+test;
}
</script>
<form method=post name="test_form" action="./all_update.html">
<table>
<tr>
<td ><input type="text" name="test" value="내용1" size=3> </td>
<td><input type="button" value="개별수정" onclick="update(no1,0);" ></td>
</tr>
<tr>
<td ><input type="text" name="test" value="내용1" size=3> </td>
<td><input type="button" value="개별수정" onclick="update(no2,1);" ></td>
</tr>
<tr>
<td ><input type="text" name="test" value="내용1" size=3> </td>
<td><input type="button" value="개별수정" onclick="update(no3,2);" ></td>
</tr>
</table>
<input type="submit" value="전체수정" class="button">
</form>
'HTML' 카테고리의 다른 글
| [HTML]<button> submit 동작 막기 (3) | 2022.05.17 |
|---|---|
| [HTML][CSS] 이미지 세로 정렬 - vertical-align (0) | 2022.04.11 |
| [HTML] a태그 target 속성 (0) | 2022.02.23 |
| [HTML] div 여백 (0) | 2022.02.03 |
| [HTML] 특수문자 (0) | 2022.01.25 |