일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
- 네트워크관리사
- 자바
- html
- Java
- 버추얼머신
- Cisco
- javaee
- 리눅스
- ciscopacket
- autoset
- sql
- 정처기필기
- cisco packet
- jsp
- 데이터베이스
- 원형그래프
- php
- NCS
- 이것이 자바다
- rinux
- 오라클
- Oracle
- w3school
- VLAN
- ospf
- jsp연결
- 정보처리기사
- 라우터
- 네트워크
- 참조타입
- Today
- Total
기록해! 정리해!
HTML --폼 태그 본문
º 폼 태그
text
radio
checkbox
submit
button
º 폼 태그 테이블로 회원가입 창 만들기
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
<div align="center">
<table border="1">
<caption><h2>회원가입</h2></caption>
<form>
<tr>
<td>이름</td>
<td><input type="text" name="t1"></td> --name을 꼭 지어줘야 값을 저장할 수 있음
</tr>
<tr>
<td>나이</td>
<td><input type="text" name="age1" size="4" maxlength="4" ></td>
-- 칸 크기를 잡아줄 수 있음(12345등등 계속 적을 수 있는데 maxlength하면 4까지 밖에 못씀)
</tr>
<tr>
<td>성별</td>
<td>
<input type="radio" name="r1" value="F"> 여
<input type="radio" name="r1" value="M"> 남 <br>
</td>
</tr>
<tr>
<td>좋아하는 과일</td>
<td>
<input type="checkbox" name="c1" value="A"> 사과
<input type="checkbox" name="c1" value="B"> 딸기
<input type="checkbox" name="c1" value="C"> 참외
</td>
</tr>
<tr>
<td>학년</td>
<td>
<select name="year1">
<option value="1">1학년</option>
<option value="2">2학년</option>
<option value="3" selected>3학년</option> --디폴트값으로 3학년이 잡힘
<option value="4">4학년</option>
</select>
</td>
</tr>
<tr>
<td>특이사항</td>
<td>
<textarea cols="30" rows="5" name="textarea1"></textarea>
</td>
</tr>
<tr>
<td>사진첨부</td>
<td>
<input type="file" name="file1" />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="저장하기"> --진짜저장
<input type="button" value="버튼저장"> --가짜저장 (버튼만 생긴거)
</td>
</tr>
</form>
</table>
</div>
</body>
</html>
º 로그인 창 만들기
form 이 있어야 값이 넘어감
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
<div align="center">
<table border="1">
<form>
<tr> <td>아이디</td> <td><input type="text" name="name1"> </td></tr>
<tr> <td>암호</td> <td><input type="password" name="pwd1" size="3"> </td></tr>
<tr> <td>이메일</td> <td><input type="email" name="email1" size="25"> </td></tr> --@써야 넘어갈 수 있게 함
<tr> <td>홈페이지</td> <td><input type="url" name="url1" size="25"> </td></tr> --url주소 제대로 적어야함
<tr> <td>나이</td> <td><input type="number" name="age1" size="3"> </td></tr> --사이즈가 안줄여짐
<tr> <td>생년월일</td> <td><input type="date" name="date1"> </td></tr>
<tr> <td>좋아하는 색깔</td> <td><input type="color" name="color1"> </td></tr>
<tr> <td colspan="2" align="center"><input type="submit" value="저장하기"> </td></tr>
</form>
</table>
</div>
</body>
</html>
'Visual studio (PHP)' 카테고리의 다른 글
HTML -- 성적조회 프로그램 Ver1.0 (1) (0) | 2022.06.20 |
---|---|
HTML -- 학생 성적처리 ver 11 코드정리 (0) | 2022.06.20 |
HTML --학생 성적처리 ver 11 (폼태그, 자바스크립트,오토셋) (0) | 2022.06.17 |
JAVA Script (0) | 2022.06.16 |
HTML 메모장 (0) | 2022.06.16 |