본문 바로가기
FRONT-END/HTML-CSS

HTML 태그

by 썬키 2021. 12. 22.

html 태그

<type 종류>

①password : 입력한 문자를 대체문자(***)로 보여준다.

<tr>
<th>비밀번호</th>
<td><input type="password" name="pw" maxlength="20"/></td>
</tr>



②radio : 한개가 선택되면 나머지는 해제되는 버튼

<tr>
<th>성별</th>
<td>
<label>
<input type="radio" name="gender" maxlength="10" value="남자" 
checked="checked"/> 남자
<input type="radio" name="gender" maxlength="10" value="여자"/> 여자
</label>
</td>
</tr>



③file : 브라우저의 기본 기능인, 내 컴퓨터에 있는 파일을 찾는 기능

<tr>
<th>사진</th>
<td><input type="file" name="photo"/></td>
</tr>



④date : 브라우저의 기본 기능인, 달력에서 날짜를 선택할 수 있는 기능


<속성의 종류> 

①checked : radio와 연동해서 쓰는 속성, 기본으로 선택되어져야 하는 곳에 넣는
다.

<input type="radio" name="gender" maxlength="10" value="남자" 
checked="checked"/> 남자



②placeholder : 데이터가 입력이 안됐을때 입력 예시를 백그라운드로 표시

<tr>
<th>생년 월일</th>
<td><input type="date" name="birth" maxlength="10" placeholder="예)
1900-01-01"/></td>
</tr>

댓글