728x90
정보 입력받기
HTML에서 정보를 입력 받기 위해서는 form태그와 input 태그를 사용하는데 사용법은 다음과 같다.
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form action="">
<p>아이디 : <input type="text" name="id"></p>
<p>비밀번호 : <input type="password" name="pwd"></p>
<p><input type="submit"></p>
</form>
</body>
</html>
<p> 태그는 단락을 나누는 태그라고 알아두면 좋다.
<form action = "">태그에 action속성은 ""안에 주소를 넣어서 입력받은 주소를 해당 주소로 보내는 역할을 한다.
<input type ="text">는 텍스트를 입력할 수 있는 태그이고<input type ="password">는 패스워드를 입력하는 태그로
입력를 하게 되면 점으로 표기된다.
<input type ="submit">태그는 버튼을 만드는 태그로 제출이라고 표기된 버튼을 만들 수 있다. 버튼을 누르면 action에 지정한 주소로 정보를 전달 하게 된다. 그리고 각 input마다 name이라는 속성이 있는데 이 속성은 해당 주소로 이동했을 때 URL에 name에 내용이 같이 적혀져서 나와 무슨 정보가 입력되었는지 알 수 있다.
728x90
'HTML 기초' 카테고리의 다른 글
| [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 |
| [HTML 기초][HTML - 표 만들기 1] (0) | 2021.01.04 |