개발공부 끄적이는 블로그...

위의 사진처럼 form태그 안에 버튼을 2개 생성 후

돌아가기버튼은 게시물 리스트로, 하나는 게시물등록으로 설정하는 과정에서 발생한 에러?

분명 돌아가기버튼에 submit은 안넣었는데 돌아가기버튼을 클릭하면 submit으로 동작한다. 

<form:form modelAttribute = "board" action = "write.do" method = "post">
	<form:input path ~~/>
	<form:input path ~~/>
    
    <button type = "submit">등록</button> 
    <button onclick = "location.href='list.do'">돌아가기</button>
</form:form>

대충 이런식으로 코딩

검색해보니 한번에 알았다.

원인

form태그 속 사용되는 Button은 기본적으로 type이 submit으로 설정되있다는 것이였다.

해결방법

돌아가기의 type을 button으로 지정해줬다.

<form:form modelAttribute = "board" action = "write.do" method = "post">
	<form:input path ~~/>
	<form:input path ~~/>
    
    <button type = "submit">등록</button> 
    <button type = "button" onclick = "location.href='list.do'">돌아가기</button>
</form:form>

말끔히 해결!

input[password]를 이용하여 입력받는데 안보이는 경우이다.

원인

프로젝트에서 따로 설정한 폰트가 password의 ****를 지원해주지 못하는 것 같다.

해결방법

input[password] 의 글씨체를 따로 설정해놓기.

style 태그 안에 넣어주면 된다.

input[password]{
	font-family:'Malgun gothic', dotum, sans-serif;
}

이 구문을 넣어줄 경우 placeholder의 글씨체도 위에 설정한 글씨체로 바뀌므로

placeholder의 글씨체는 내가 원하는 글씨체로 안나온다.

다시 placeholder 글씨체를 다시 내가 원하는 글씨체로 바꿔준다.

마찬가지로 style 태그 안에 넣기.

::placeholder{
		font-family: 'OTWelcomeRA';
}

내가 쓰는 글씨체 - OTWelcomeRA (간단하고 이쁨)

결과

아주 잘된다!