HOME > html

Button 태그 사용방법 및 활용하는 방법들은?

Last Modified : 2020-02-14 / Created : 2017-03-16
2,222
View Count
HTML에서 사용되는 버튼 태그 <button> 정보입니다.

버튼 태그는 방문자의 클릭 등 액션을 목적으로 하는 태그로 <button>으로 사용됩니다.



! button 비활성화 방법
버튼 태그의 비활성화 방법으로 disabled 속성을 추가합니다.
<button disabled>Click</button>



! IE에서 <a> 태그와 함께 <button> 태그를 사용하는 경우 클릭이 안되는 문제점
익스플로러의 경우 아래의 경우처럼 버튼 태그의 위치에 따라 클릭이 안될 수 있습니다. 즉 만약 button 태그의 안에 a 태그가 있는 경우가 이에 해당합니다.

<button><a href="/webisfree/">클릭</a></button>

이런 경우 해결하는 가장 간단한 방법은 역시 <button>태그의 랩퍼로 <a> 태그를 사용하는 방법입니다.

<a href="/webisfree/"><button>클릭</button></a>


 

Previous

Post thumbnail label 태그를 사용하는 다양한 방법

Next

input 태그 accept 속성 사용하는 방법은? Post thumbnail