Jam's story

[HTML] 이미지버튼, DATALIST, INPUT 본문

WEB/HTML

[HTML] 이미지버튼, DATALIST, INPUT

애플쩀 2022. 5. 19. 12:53
이미지버튼

action 속성값을 form 태그에 안적으니, 자기 자신 주소를 다시 서버에 요청해서 응답받음 

<form>

submit 기능을 하는 버튼: 
<input type="image" src="../images/img_submit.gif"width="48"height="48">
</form>
submit 기능을 하는 버튼:

 

 

이름이랑 제목 받기 
name: <input type="text" autofocus="autofocus"><br>
title: <input type="text"  autofocus="autofocus" required="required"><br>
name:
title:

 

 

datalist -목록선택 
<input list="deptlist">
<!-- datalist는 option태그가 꼭와야한다.  -->
<datalist id="deptlist">
<option value="ACCOUNTING"></option>
<option  value="RESEARCH"></option>
<option  value="SALES"></option>
<option  value="OPERATIONS"></option>
</datalist>

 

option 중간에 값을 주면 그것은  value값 밑에 나타난다. 

<input list="deptlist2">
<!-- datalist는 option태그가 꼭와야한다.  -->
<datalist id="deptlist2">
<option value="ACCOUNTING">10</option>
<option  value="RESEARCH">20</option>
<option  value="SALES">30</option>
<option  value="OPERATIONS">40</option>
</datalist>

'WEB > HTML' 카테고리의 다른 글

[HTML] svg - 원,사각형, 별, 아이콘만들기  (0) 2022.05.19
[HTML] Canvas  (0) 2022.05.19
[HTML] 날짜 ,시간, 자동완성속성, 이메일  (0) 2022.05.19
[HTML] textarea, input, option  (0) 2022.05.19
[HTML] 반응형웹  (0) 2022.05.18
Comments