HTML DOM 입력 이메일 자리 표시자 속성은 일반적으로 사용자에게 입력 텍스트의 모양에 대한 힌트를 제공하는 데 사용되는 문자열을 설정/반환합니다.
구문
다음은 구문입니다 -
- 문자열 값 반환
inputEmailObject.placeholder
- 자리 표시자 설정 문자열 값으로
inputEmailObject.placeholder = stringValue
예시
입력 이메일 자리 표시자의 예를 살펴보겠습니다. 속성 -
<!DOCTYPE html> <html> <head> <title>Input Email placeholder</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>Email-placeholder</legend> <label for="EmailSelect">Employee ID : <input type="email" id="EmailSelect"> </label> <input type="button" value="What details should be entered?" onclick="setPlaceholder()"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var inputEmail = document.getElementById("EmailSelect"); function setPlaceholder() { inputEmail.placeholder = '[email protected]'; divDisplay.textContent = inputEmail.placeholder+' --> Replace Name & ID by details provided.'; } </script> </body> </html>
출력
이것은 다음과 같은 출력을 생성합니다 -
'어떤 세부정보를 입력해야 하나요?'를 클릭하기 전에 버튼 -
'어떤 세부정보를 입력해야 하나요?'를 클릭한 후 버튼 -