PROGRAMMING/HTML

input box 흐린 문자 미리 입력 - placeholder

OJR 2023. 3. 18. 23:10
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Placeholder Example</title>
</head>
<body>
    <input type="text" id="input-box" placeholder="흐린 문자를 입력하세요">
</body>
</html>

 

Placeholder Example

 

 

 

이 코드는 HTML 파일에 입력 상자를 만들고, placeholder 속성을 사용하여 흐린 문자를 입력합니다. 사용자가 입력 상자를 클릭하면 흐린 문자가 사라지고, 사용자가 원하는 텍스트를 입력할 수 있습니다. 이 코드를 복사하여 HTML 파일에 붙여넣고 실행하면, 흐린 문자가 미리 입력된 입력 상자를 확인할 수 있습니다.

반응형

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

호환성보기시 안내문구 노출하자  (0) 2014.04.24
웹 표준 검사 사이트  (0) 2013.01.24
Parallax Scrolling  (0) 2013.01.03
ie6 filxed 해결  (0) 2010.12.19
맨위로  (0) 2010.07.16