Input태그 변경 못하게 막는 방법(읽기만 가능)

작성일 | In

1. Readonly

  • form으로 값을 보낼때 readonly의 값은 전송된다.
1
<input type="text" value="test1" readonly />

2. Disabled

  • form으로 값을 보낼때 disabled의 값은 전송되지 않는다.
1
<input type="text" value="test2" readonly />

type=”radio”

1
2
<input type="radio" name="test2" value="선택1" checked readonly />선택1
<input type="radio" name="test2" value="선택2" readonly />선택2

이렇게 할 경우 잘~ 수정할 수 있다!

그래서 disabled인 속성을 주거나 onclick="return(false);"을 속성으로 준다.

1
2
3
4
5
6
7
8
<input
  type="radio"
  name="test2"
  value="선택1"
  checked
  onclick="return(false);"
/>선택1
<input type="radio" name="test2" value="선택2" onclick="return(false);" />선택2

참고