기록해! 정리해!

HTML --폼 태그 본문

Visual studio (PHP)

HTML --폼 태그

zsuling 2022. 6. 17. 11:11

º 폼 태그 

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>

 

 

Comments