IT/- 프로그래밍

HTML5/CSS3 textarea : 텍스트 여러줄 입력하기

혁준7519 2017. 6. 29. 06:09

textarea : 텍스트 여러줄 입력하기


cols : 가로크기

rows : 세로크기 (줄 수)

resize: none - 기본속성인 크기 변경을 막음

outline: none - 기본속성인 포커스시 파란색 테두리 없앰



html)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" 
          content="width=device-width, height=device-height, 
                     minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0">
    <title>Insert title here</title>
</head>
 
<body>
    <p>
        <label for="comment">의견</label>
        <!-- 
        cols : 가로크기
        rows : 세로크기 (줄 수)
        resize: none - 기본속성인 크기 변경을 막음
        outline: none - 기본속성인 포커스시 파란색 테두리 없앰
         -->
        <textarea id="comment" cols="30" rows="5" style="resize: none; outline: none;"></textarea>
    </p>
</body>
</html>
cs



결과

저작자표시 (새창열림)