[생활코딩] form - 텍스트 입력 | sohinggu๑°⌓°๑

HTML - form: 문자입력

 

 

<input type="text">

사용자로부터 텍스트를 입력받을 수 있는 속성

 

1. <input type="text" name="id" value="default value" > : 사용자로부터 텍스트를 입력받음.

ID:

<p>ID:<input type="text" name="id" value="default value"></p>

 

- name 속성: 서버가 사용자가 입력한 값을 알아내게 하기 위해 부여하는 이름.
(어떤 정보를 서버로 전송하려면 사용자가 입력한 값에 이름을 부여해야 서버가 그 값을 알아낼 수 있음 / 모든 form태그에서 필요)

- value 속성: 사용자가 웹페이지를 열었을 때 기본적으로 보여지는 값. (기본값)

 

2. <input type="password" name="pwd" value="default value"> :사용자로부터 password를 입력받음.

Password:

<p>Password:<input type="password" name="pwd" value="Password를 입력하세요"></p>

 

 

 

 

<textarea>

여러 줄의 텍스트를 입력받기 위한 입력창을 설정

 

1. <textarea> : 사용자로부터 여러줄의 텍스트를 입력받음.

텍스트를 입력하세요.

<textarea>텍스트를 입력하세요.</textarea>

 

- cols 속성 : 텍스트 영역이 보이는 너비값을 지정.

너비값이 50인 텍스트 영역입니다.

<textarea cols="50">너비값이 50인 텍스트 영역입니다.</textarea>

 

- rows 속성 : 텍스트 영역이 보이는 줄 수를 지정.

5줄이 보이는 텍스트 영역입니다.

<textarea rows="5">최대 5줄을 입력 가능합니다.</textarea>