728x90
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form>
<p><input type="text" name="text" value="default"></p>
<p><textarea cols=20 rows=2>default</textarea></p>
</form>
</body>
</html>
텍스트 입력받기
텍스트를 입력받기 위해서는 <input type = "text" name = "text" value = "defult">태그를 사용하면 되는데
뒤에 붙는 name, value 속성은 정보를 보냈을 때 name은 무슨 정보가 보내졌는지 알려주는 하나의 약속 같은 것이다.
value는 처음 초기값을 설정해 줄 수 있다.
예를 보면 다음과 같다.
위와 같이 텍스트 박스가 default로 초기화 되어있는 것을 볼 수 있다.
하지만 위와 같은 텍스트 박스는 한줄로 밖에 입력을 못받는다. 여러 줄을 입력 받기 위해서는 <textarea>라는 태그를 사용하여야한다.
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form>
<p><input type="text" name="text" value="default"></p>
<p><textarea cols=20 rows=2>default</textarea></p>
</form>
</body>
</html>
위와 같이 <textarea>태그에 속성으로 rows = "2" cols = "20" 과 같이 행과 열의 크기를 조절하면서 사용할 수 있다.
728x90
'HTML 기초' 카테고리의 다른 글
| [HTML 기초][HTML - 버튼] (0) | 2021.01.04 |
|---|---|
| [HTML 기초][HTML - 선택 박스 만들기] (0) | 2021.01.04 |
| [HTML 기초][HTML - 입력받기] (0) | 2021.01.04 |
| [HTML 기초][HTML 표 만들기 3] (2) | 2021.01.04 |
| [HTML 기초][HTML - 표 만들기 2] (0) | 2021.01.04 |