title 속성은 해당 엘리먼트에 대한 추가적인 정보를 보여준다.
<!DOCTYPE HTML>
<html>
<head>
<title>title 속성 예제</title>
</head>
<body>
<form>
<!--로그인박스-->
아이디<input type="text" name="UserId" tabindex="1" title="아이디를 입력해!" />
<input type="button" value="로그인" tabindex="3" title="로그인" />
<p/>
패스워드:<input type="password" name="UserPwd" tabindex="2" title="패스워드 입력해" />
<!--로그인박스-->
</form>
</body>
</html>
위 처럼 코딩 했을 경우
패스워드 input box 에 포커스를 가져가면 추가 적인 설명이 나타난다.
'HTML5' 카테고리의 다른 글
| HTML5 css 컬러 함수 (0) | 2016.04.02 |
|---|---|
| HTML5 CSS (0) | 2016.04.02 |
| HTML5 tabindex 속성 (0) | 2016.04.02 |
| HTML5 dir 속성 (0) | 2016.04.02 |
| HTML5 accesskey 기능 (0) | 2016.04.02 |
