<!-- 리사이즈 변경 불가 -->
<textarea style="resize: none;"></textarea>
<!-- vertical horizontal 둘다 가능 -->
<textarea style="resize: both;"></textarea>
<!-- vertical 둘다 가능 -->
<textarea style="resize: vertical;"></textarea>
<!-- horizontal 둘다 가능 -->
<textarea style="resize: horizontal;"></textarea>


1. javascript 버전.

<script>
function clearOnlyJavascript(eleName) {
var ele = document.getElementsByName(eleName);
for (var i = 0; i < ele.length; i++) {
ele[i].checked = false;
}
}
</script>

2. jquery 버전

 - jquery 버전에 따라 prop 의 옵션이 달라질 수 있습니다. 참고하세요.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("#clearBtnJquery").click(function () {
console.log($("input[name=\"radioButton\"]").prop("checked", false));
});
})
</script>


3. 풀소스


1. HTML 기본구조

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>

</body>
</html>


2. <html lang="en"> ??

 - HTML 이 어떤 언어로 작성되어 있는지를 알려주는 값이다.

 - ISO 639-1 Language Codes  : 링크

 - 번역하기 등의 옵션은 해당 lang값을 참고하여 동작함.



 개발을 하다보면 <input type="text" readonly/>와 같은 'readonly' 옵션을 '<select/'> or '<input type="checkbox">' 에 넣고 싶을 때가 있다.  (disable을 사용하면 값이 설정되지 않아. 불편하다)



+ Recent posts