글자를 입력하는 곳, <input type = "text">에 대해서 [html]

Front-end/html

은성 개발자 2021. 12. 20. 11:09

input은 글자를 입력하는 상자이다.

<input type="text">

input에 입력하기 전부터 글씨가 들어있게 만들려면

value="넣을 글자"를 input tag에 추가한다.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <input type="text" value="글자를 입력하세요.">
</body>
</html>

다만, input에 다른 글을 적어야 할 때 지우고 쓰기가 버거롭다.

위에 그림처럼 글자를 입력하기 전까지 글자가 보이게 하는

placeholder="넣을 글자"를 이용한다.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <input type="text" placeholder="여기에 적으세요.">
</body>
</html>

input tag에 마우스에 갖다 대기 전에 입력될 준비를 하려면 (깜빡이는 커서)

autofocus를 추가한다.

<input type="text" placeholder="여기에 적으세요." autofocus>

코딩 공부 파이팅!

728x90