HTML3

• 

  [HTML] input type="text"에 숫자값만 받는 방법 oninput 이벤트로 input type="text"에 숫자값만 받기. input 값을 숫자만 받고 싶을 때 type="number"으로 타입설정을 쉽게 할 수 있지만, type="number"에서는 minlength와 maxlength가 적용되지 않는 단점이 있다. 근데 oninput 이벤트로 type="text" 이면서 input값을 숫자만 받는 방법이 있어서 정리해둔다 ! FE/HTML,CSS 2020. 9. 10.

• 

  [HTML] 아이프레임<iframe> 태그 사용법 태그란 무엇인가? 왜 사용하는가? :  iframe은 HTML Inline Frame 요소이며 inline frame의 약자이다.  iframe 요소를 이용하면 해당 웹 페이지 안에 어떠한 제한 없이 다른 페이지를 불러와서 삽입 할 수 있다고 한다.   사용방법은 간단하다. 이 틀에 맞춰서 넣고 싶은 페이지를 삽입해 주면 된다. ※ 의 속성들 ·  src : 삽입할 페이지의 URL을 지정. ·  width, height : iframe의 너비와 높이를 설정. ·  name : iframe의 이름을 지정하여 자바스크립트에서 참조할 수 있음. ·  sandbox : iframe의 행동을 제한하는 데 사용됨. (ex. sandbox="allow-script"는 스크립트 실행을 허용함.) ·  allow : i.. FE/HTML,CSS 2020. 9. 3.

• 

  [javascript] html DOM control하기 javascript로 html DOM을 control하는 속성들의 사용방법에 대해 정리하려한다. document.getElementById("testId").innerHTML = "테스트"; .innerHTML을 사용하다가 속성을 제대로 알지 못하고 사용해 오류가 발생해 여러가지 속성들에 대해 파헤쳐 공부하고 정리한다. 먼저 innerHTML과 outerHTML의 차이를 알아보자 ! 차이점을 알고 사용하면 헷갈리지 않고 확실하게 구현할 수 있을 것이다. ▶ innerHTML : innerHTML에서 지정한 요소 태그를 제외한 안쪽(내부)를 가져온다. 자기 자신을 포함하지 않는다. ▶ outerHTML : outerHTML에서 지정한 요소 태그를 포함하여 가져온다. 자기 자신을 포함한다. 추가적인 속성을 .. FE/JavaScript 2020. 6. 23.