티스토리 뷰

방과후/HTML

HTML - form : 문자입력

잘생긴 이미남 2017. 9. 6. 10:57
반응형

여러가지 <form>태그들 중에서 텍스트를 입력받는 태그들을 알아봅시다.

실습폴더에 form_text.html 이라는 화일을 만듭니다.

 

text :

password :

textarea :

 

텍스트를 입력받는 폼태그에는 type="text", type="password"라는 속성이 있습니다.

그 안에 값에 기본값을 입력할 때는 value라는 속성을 사용하여 내용을 입력합니다.

 

텍스트 태그의 다른 형식인 <textarea>라는 태그는 여러줄을 입력 받을 때 사용할 수 있습니다. 이 태그의 속성값은 여러가지가 있지만 대표적인 것은 열을 나타내는 "cols", 행을 나타내는 "rows"가 있습니다.

기본값을 입력할 때는 그냥 <textarea>~</textarea> 사이에 내용을 입력하면 됩니다.

 


<html>

<head>

<meta charset = "utf-8">

</head>

<body>

<form action="">

<p>text : <input type="text" name="id" value="아이디를 입력하세요"></p>

<p>password : <input type="password" name="pwd" value="default value"></p>

<p>textarea :

<textarea cols="50" rows="2">default value</textarea>

</p>

</form>

</body>

</html>


 

반응형

'방과후 > HTML' 카테고리의 다른 글

HTML - form : radio, checkbox  (0) 2017.09.06
HTML - form : dropdown list  (0) 2017.09.06
HTML - form 기본  (0) 2017.09.05
HTML - 표2 : 구조 및 병합  (0) 2017.09.04
HTML - 표1 : 기본  (0) 2017.09.04
댓글
최근에 올라온 글
글 보관함
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28