web developer

[jsp] label을 활용한 button 만들기 본문

JavaScript

[jsp] label을 활용한 button 만들기

trueman 2021. 10. 10. 22:26
728x90
728x90

1. css 

.button{
  	padding: 2px 10px;
  	background-color:#FF6600;
  	border-radius: 4px;
  	color: white;
  	cursor: pointer;
}

2. jsp파일

 <td align="left"> 
	<label class="button" for="input-file1”> 
    	<font size="2" face="돋움">업로드</font>
    	</label>
	<input type="file" name="imgname" id="input-file1” style="display:none">
</td>

3. 구현된 button 

 

728x90
728x90

'JavaScript' 카테고리의 다른 글

[jquery] DOM(문서 객체 모델) / jquery 문법 / 선택자  (0) 2021.12.13
[jquery] CSS 선택자를 이용하여 HTML 요소 선택하는 방법 4가지  (0) 2021.10.24
[ajax] 오류 : Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.  (0) 2021.10.21
[ajax] success 작동하지 않는 이유  (0) 2021.10.21
[ajax] 오류 500 (cannot deserialize from Object value (no delegate- or property-based Creator)  (0) 2021.10.21
'JavaScript' Related Articles more