[HTML] a 태그 새 창에서 실행 / a 태그 속성 / target="_blank"
a 태그란? 다들 알고계실테지만 a태그는 하이퍼링크 를 만들어주는 태그입니다. 보통 다른 페이지로 갈 때 사용하긴 하지만 사실 하이퍼링크라는 것은 꼭 다른 페이지일 필요가 없습니다. 같은 페이지 내에 요소로 접근도 가능하고, 파일이나 이메일 주소로도 접근할 수 있습니다! href 외에 유용한 props 가장 흔한 href는 다들 아실테니 생략하겠습니다😀 그 외에 유용한 태그에는 download와 target이 있습니다. download 링크로 이동하는 것이 아니라, 사용자에게 URL을 저장할지 물어볼 수 있습니다. 브라우저에서 마우스 우클릭하고 다른 이름으로 링크 저장 을 실행하는 것과 같습니다! 설명이 너무 잘 돼있는 링크가 있어서 첨부합니다! taegon.kim/archives/5178 [HTML5]..
2020. 9. 7.
[HTML] input에 IP 포맷 검증하기 / MAC 검증하기 / IP vaildation / MAC vaildation
Input으로 받은 값 IP 와 MAC 형식에 맞는지 검증하기 Input에 IP주소 혹은 MAC 주소를 받고싶은데 사용자가 잘못된 값을 입력한 것을 확인 혹은 다른 값을 입력하지 못하도록 하는 방법이다. 위 파일을 받아서 넣어주자. JS 넣는방법 / JS 함수 적용 form 이 들어가있는 html문서 : 혹은 의 onclick 속성에 함수 넣어주고 부분에 파일명 넣어준다. JS 파일 분석 / 이용법 위 파일을 불러온 후 확인해보면 var ipformat 과 var macformat은 각각 ip와 mac 형식이 맞는지 확인해주는 정규표현식이다. match 함수를 통해서 이 표현식에 맞는지 확인이 가능하다. IP.value.match(ipformat) -> IP(함수에서 받는값) 가 ipformat 형식에 ..
2019. 10. 13.
[HTML] button 에 이름 넣기 / input 에 이름 넣기 / input 에 힌트 넣기
button에 이름넣기 버튼이름 👇👇 Input에 이름넣기 input 은 타입에 따라 달라진다. button형태의 input 일경우 : value 태그를 통해 이름값을 넣어줄 수 있다. 만약 button 태그처럼 괄호 밖에 값을 적을경우 이렇게 된다. 여기다 입력하면 이렇게됨 ㅡㅡㅡㅡㅡㅡㅡㅡㅡ예시 ㅡㅡ👇ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ text형태의 input 일경우: placeholder 태그를 통해 이름값은 아니지만 input의 힌트를 넣어줄 수 있다. ㅡㅡㅡㅡㅡㅡ예시 ㅡㅡ👇ㅡㅡㅡㅡㅡ
2019. 10. 12.
[HTML] a 태그 새 창에서 실행 / a 태그 속성 / target="_blank"
a 태그란? 다들 알고계실테지만 a태그는 하이퍼링크 를 만들어주는 태그입니다. 보통 다른 페이지로 갈 때 사용하긴 하지만 사실 하이퍼링크라는 것은 꼭 다른 페이지일 필요가 없습니다. 같은 페이지 내에 요소로 접근도 가능하고, 파일이나 이메일 주소로도 접근할 수 있습니다! href 외에 유용한 props 가장 흔한 href는 다들 아실테니 생략하겠습니다😀 그 외에 유용한 태그에는 download와 target이 있습니다. download 링크로 이동하는 것이 아니라, 사용자에게 URL을 저장할지 물어볼 수 있습니다. 브라우저에서 마우스 우클릭하고 다른 이름으로 링크 저장 을 실행하는 것과 같습니다! 설명이 너무 잘 돼있는 링크가 있어서 첨부합니다! taegon.kim/archives/5178 [HTML5]..
[HTML] input에 IP 포맷 검증하기 / MAC 검증하기 / IP vaildation / MAC vaildation
Input으로 받은 값 IP 와 MAC 형식에 맞는지 검증하기 Input에 IP주소 혹은 MAC 주소를 받고싶은데 사용자가 잘못된 값을 입력한 것을 확인 혹은 다른 값을 입력하지 못하도록 하는 방법이다. 위 파일을 받아서 넣어주자. JS 넣는방법 / JS 함수 적용 form 이 들어가있는 html문서 : 혹은 의 onclick 속성에 함수 넣어주고 부분에 파일명 넣어준다. JS 파일 분석 / 이용법 위 파일을 불러온 후 확인해보면 var ipformat 과 var macformat은 각각 ip와 mac 형식이 맞는지 확인해주는 정규표현식이다. match 함수를 통해서 이 표현식에 맞는지 확인이 가능하다. IP.value.match(ipformat) -> IP(함수에서 받는값) 가 ipformat 형식에 ..
[HTML] button 에 이름 넣기 / input 에 이름 넣기 / input 에 힌트 넣기
button에 이름넣기 버튼이름 👇👇 Input에 이름넣기 input 은 타입에 따라 달라진다. button형태의 input 일경우 : value 태그를 통해 이름값을 넣어줄 수 있다. 만약 button 태그처럼 괄호 밖에 값을 적을경우 이렇게 된다. 여기다 입력하면 이렇게됨 ㅡㅡㅡㅡㅡㅡㅡㅡㅡ예시 ㅡㅡ👇ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ text형태의 input 일경우: placeholder 태그를 통해 이름값은 아니지만 input의 힌트를 넣어줄 수 있다. ㅡㅡㅡㅡㅡㅡ예시 ㅡㅡ👇ㅡㅡㅡㅡㅡ