logo

HTML 이미지 버튼

그만큼 이미지 버튼 HTML 문서에서 다음을 사용하여 만들 수 있습니다. 유형 의 속성 요소. 이미지 버튼도 제출 버튼과 동일한 기능을 수행하지만, 유일한 차이점은 선택한 이미지를 버튼으로 유지할 수 있다는 것입니다.

자바에서 난수를 생성하는 방법

통사론

 

예시 1: 이 예는 CSS를 사용하지 않고 이미지 버튼을 지정하는 데 사용됩니다.

 Example of image button /* The following tag selector body use the font-family and background-color properties for body of a page*/ Body { font-family: Calibri, Helvetica, sans-serif; background-color: pink; } /* Following container class used padding for generate space around it, and also use a background-color for specifying the lightblue color as a background */ .container { padding: 50px; background-color: lightblue; } /* The following tag selector input uses the different properties for specifying the text field. */ input[type=text] { width: 100%; padding: 15px; margin: 5px 0 22px 0; display: inline-block; border: none; background: #f1f1f1; } input[type=text]:focus { background-color: orange; outline: none; } div { padding: 10px 0; } hr { border: 1px solid #f1f1f1; margin-bottom: 25px; } <hr> Firstname: Middlename: Lastname: Course : Course BCA BBA B.Tech MBA MCA M.Tech Gender : <br> Male Female Other 
지금 테스트해보세요

산출:

HTML 이미지 버튼

브라우저 지원

요소 크롬 브라우저크롬 즉, 브라우저 파이어폭스 브라우저파이어폭스 오페라 브라우저오페라 사파리 브라우저원정 여행
이미지 버튼

속성

모든 것:

이 속성은 이미지를 사용자 화면에 표시할 수 없을 때 표시될 대체 텍스트를 지정하는 데 사용됩니다.

국경:

이 속성은 이미지 테두리를 지정하는 데 사용됩니다. 값을 0으로 설정하면 테두리가 표시되지 않습니다.

키:

자바에서 엑셀 파일 읽기

이 속성은 이미지 높이의 픽셀을 정의하는 데 사용됩니다.

이름:

이 속성은 이미지의 이름을 정의하는 데 사용됩니다.

소스:

이 속성은 버튼으로 표시되어야 하는 이미지 경로를 지정하는 데 사용됩니다.

너비:

이 속성은 이미지 너비의 픽셀을 정의하는 데 사용됩니다.