본문 바로가기

새로운 블로그로 이전합니다
구글블로그 / 네이버블로그
(자료도 점차 이전할 계획입니다.)


IT, 프로그래밍/HTML, CSS, JS

HTML, JS) input 태그 활용하기 (입력창, 버튼)

by 심심풀이 개발자 2022. 1. 11.

 

[ 개요 ]

1. input태그와 자바스크립트를 통해

값을 입력받고 제어할 수 있다.

 

2. input 태그를 꾸밀 수 있다.

 

* onclick, placeholder, alert()

 

[ 코드 ]

 

[ 결과 ]

처음 화면
값을 입력한 후, 클릭을 눌렀을 때

 

[ 다운로드 ]

input태그활용.txt
0.00MB

 

 

[ 참고자료 ]

 

[HTML] <input> 태그로 버튼(button) 생성하기

지난 번에는 태그와 태그로 입력받은 데이터를 서버로 전송하는 버튼을 만드는 방법을 알아보았습니다. [HTML] 입력받은 데이터 서버로 전송하기 - submit 이번에는 입력 받은 데이터를 서버로 전

hianna.tistory.com

 

 

input에 기본글자 보이고 마우스 누르면 사라지는 글씨 > 기술자료 | 해피정닷컴

input text 에 어떤걸 적어야 하는지 안내할때 정말 유용하게 사용됩니다. 방법.1 <input type="text&quo…

www.happyjung.com

* 방법 2번 권장, 방법 1번은 불편하고 어렵다.

 

 

HTML input text 크기 조절에 도움되는 예제 - dAsImA

HTML input text 크기 조절 어떻게 할까요? style 속성을 input 태그 뒤에 삽입해서 인라인 스타일로 조절합니다. 또는 style 태그를 head 태그 밑에 삽입하는 정석적인 css 태그 선택자를 사용합니다. 또는

dasima.xyz

 

 

댓글