ENG
웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
HTML
CSS
JAVASCRIPT
PYTHON
REACT
VueJS
NuxtJS
LINUX
JQUERY
PHP
DATABASE
LODASH
WEBDEVETC
TECH
ETC
JSON Pretty
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>
#버튼
#button
#클릭
#click
SOCIAL SHARE
주소 복사하기
페이지 공유하기
Previous
label 태그를 사용하는 다양한 방법
Next
input 태그 accept 속성 사용하는 방법은?
해당 카테고리 최신 글
1.
[html] input 태그 number 타입의 maxlength 최대 자릿수 설정하기
2.
[HTML] 테이블 태그에서 colspan 최대 값 설정하기, table colspan
3.
[html] base 태그 사용 방법 알아보기
4.
HTML/CSS lang 프로퍼티 및 어트리뷰트 방법 및 예제
5.
HTML form태그를 사용하여 입력폼 만들기 및 예제
6.
HTML attribute sandbox
7.
HTML title 속성으로 툴팁(tooltip) 보여주기