###태그
| <form action="http://localhost/login.php"></form> | 보넬 것들 묶음 | |
| <input type="text" name="id"> | name 이값의 이름임 | 텍스트박스만듬 |
| <input type="password" name="pw"> | 텍스트박스 페스워드용으로 만듬 | |
| <input type="submit"> | 입력확인 버튼 만듬 | |
| <textarea cols="50" rows="4">기본값 | 다중줄이 가능한 텍스트 박스를 만든다 | |
| <form method="post"></form> | method 는 숨겨서 보낸다 | 데이터를 숨겨서 보넨다 |
| <input type= "file" name="보낼이름"> | 파일을 불러와 넣어준다 |
### 정보
<html>
<body>
<form action="http://localhost/login.php">
<p>아이디:<input type="text" name="id"></p>
<p>비밀번호:<input type="password" name="pw"></p>
<p><input type="submit"></p>
</form>
</body>
</html>### 정보
<html>
<body>
<form action="http://localhost/login.php">
<p>아이디:<input type="text" name="id" value="default value"></p>
<p>비밀번호:<input type="password" name="pw" value="default value"></p>
<p>textarea:
<textarea cols="50" rows="4">기본값</textarea>
</p>
<p><input type="submit"></p>
</form>
</body>
</html>
### 정보
<html>
<head>
<meta charset="utf=8">
</head>
<body>
<form action="http://localhost/color.php>
<h1>선택</h1>
<select name="color">
<option value="red">붉은색</option>
<option value="black">검은색</option>
<option value="blue">파란색</option>
</select>
<h1>선택2</h1>
<select name="color2" multiple>
<option value="red">붉은색</option>
<option value="black">검은색</option>
<option value="blue">파란색</option>
</select>
<input type="submit">
</form>
</body>
</html>### 버튼
<html>
<head>
<meta charset="utf=8">
</head>
<body>
<form action="http://localhost/radio.php>
<p>
<h1>라디오</h1>
븕은색: <input type="radio" name="radio" value="red">
검은색: <input type="radio" name="radio" value="black">
파란색: <input type="radio" name="radio" value="blue">
</p>
<p>
<h1>체크박스</h>
븕은색: <input type="checkbox" name="radio2" value="red">
검은색: <input type="checkbox" name="radio2" value="black">
파란색: <input type="checkbox" name="radio2" value="blue" checked>
</p>
<input type="submit">
</form>
</body>
</html>### 파일 선택하여 업로드하기
<html>
<head>
<meta charset="utf=8">
</head>
<body>
<form action="http://localhost/upload.php method = "post" enctype="multipart/form-data">
<input type="file" name="profile">
<input type="submit">
</form>
</body>
</html>'HTML 참고서 > HTML 생활코딩 Youtube' 카테고리의 다른 글
| 3. JavaScript 사용자와 커뮤니케이션 (0) | 2020.04.10 |
|---|---|
| 2. Java Script 구조에 대하여(HTML) (0) | 2020.04.10 |
| 1. HTML CSS 자바스크립트 로드 시키기 (0) | 2020.04.10 |
| 테이블 및 이미지 (0) | 2020.03.12 |
| 글자 크기 조정 (0) | 2020.03.12 |
Or71nH