-
[ 코딩 18 ] HTML input type 종류 알아보기코딩의 즐거움/HTML 2020. 11. 3. 15:34
[ 코딩 178] HTML input type 종류 알아보기
input type 속성과 출력 이미지 확인
<input type="text">
글자를 입력할 수 있는 길쭉한 박스가 만들어진다.
placeholder="텍스트(클릭 시 사라지는 글자)" 속성을 입력해서
원하는 문구를 삽입할 수 있다.
<input type="password">
내용을 입력하면 출력형태와 같이 텍스트가 가려지게 보인다.
<input type="file">
<input type="submit">
버튼 안에 적혀있는 글자는 자동으로 생성된다
value="텍스트" 속성을 이용해서 원하는 문구를 넣을 수 있다.
<input type="reset">
마찬가지로 버튼 안에 있는 글자는 자동으로 생성된다.
<input type="button">
input 태그에 value="이름(값)" 속성을 적어주면
이름을 정할 수 있다.
<input type="image" src="파일 경로/이미지명. 확장자">
이미지를 버튼으로 사용할 수 있다.
<input type="radio">
클릭하면 동그란 검은 점이 표시된다.
<input type="checkbox">
클릭하면 v 체크 표시된다.
'코딩의 즐거움 > HTML' 카테고리의 다른 글
[ 코딩 20 ] html 시멘틱 태그 알아보기 (0) 2020.11.06 [ 코딩 19 ] html 비디오 태그 알아보기 (0) 2020.11.04 [코딩 17] HTML 테이블 태그 두번째 (0) 2020.10.25 [코딩 15] HTML 이미지 링크 걸기 (0) 2020.10.23 [코딩 14] HTML 이미지 태그 img (0) 2020.10.22