[HTML] form 태그에서 button 태그 사용시 submit 과 함께 새로고침 되는것 막는 방법
form 태그에서 button 태그 사용시 submit 과 함께 새로고침 되는것 막는 방법아래 코드를 보면 태그가 있고 form 안에 이 있습니다. 그리고 이 버튼에는 onclick 이벤트를 처리하는 핸들러 함수로 printHello()가 지정되어 있어 input 창에 값을 입력하고 버튼을 클릭하면 hello! xx가 출력될것을 의도하였습니다. 이름 : 버튼그러나 버튼을 누르면 입력한 이름이 콘솔에 출력되는것아 아닌 form의 내용이 submit (전송) 이벤트가 발생하면서 새로고침이 되어버립니다.원인은 단순한데 태그 안에서의 태그는 기본적으로 클릭시 submit 이벤트를 실행시키도록 되어있기 때문입니다. 즉 과 같은 동작을 하게됩니다.해결 방법은 간단한데 button의 type 속성을..
HTML&CSS
2019. 7. 23. 16:13
[HTML] <label> 태그란?
HTML에서 태그란?label 태그는 input 태그의 의미를 정의하기 위한 태그입니다.보통 input 태그가 있을 때 어떤 입력창인지 앞의 텍스트를 보고 판단합니다. 이름 : 실행해보면 input 태그는 이름을 입력 하는 곳이라는 것을 알 수 있죠.그런데 다음과 같이 input 태그들에 대해 의미를 설명할 때 label 태그를 사용할 수도 있습니다. 예제소스파일 설명 : 남자 : 여자 : 겉보기에는 별다른 차이가 없는 것 같습니다. 그러나 차이점이 있다면 label을 클릭하는 경우 해당 label이 설명하는 입력창이 활성화 또는 체크된다는 점입니다. input의 type이 text인 경우에는 입력창이 활성화 되고 checkbox이거나 radio인 경우에는 체크됩니다.label 태..
HTML&CSS
2019. 7. 20. 23:13
[HTML] <h> 태그로 제목 표시하기
태그로 제목 표시하기 태그는 문서의 제목을 표시할 때 사용하는 태그로 h는 Heading을 의미하며, 제목의 크기별로 ~ 까지 사용이 가능합니다.헷갈릴 수 있는데 태그가 가장 큰 제목을 표시할 때 사용되며, 가 가장 소제목을 표시할 때 사용됩니다. 즉 태그의 숫자가 커질수록 제목 글자의 크기는 작아집니다.추가적으로 태그가 제목에 사용된다고 해서 단 한번만 사용해야 되는것은 아니며, 문서 안에서 여러번 사용 가능합니다. 단 문서의 가장 큰 제목에 쓰이는 의 경우 한 번만 사용하도록 되어있습니다.예제 태그가 어떤식으로 보여지는지 보도록 하겠습니다. 이것은 제목입니다. 이것은 제목입니다. 이것은 제목입니다. 이것은 제목입니다. 이것은 제목입니다. 이것은 제목입..
