วันอังคารที่ 12 พฤศจิกายน พ.ศ. 2556

สร้าง From ลงทะเบียนนักศึกษา นะครับ โดยใช้ภาษา HTML

ตัวนี้เป็น Code นะครับ การทำ Textbox โดยใช้ภาษา HTML

 <html>
 <head>
  <title> New Document </title>

 </head>

 <body>
 <center>
  <H3>ลงทะเบียนนักศึกษา</H3>
  กรอกข้อมูลนักศึกษา

         <FORM NAME=”INPUT”>
     <p>
     รหัสนักศึกษา:<input type="text" name="pass" size=12 maxlenght=12><br>
             </p>

 <p>ประเภท
      <input type="radio" name="radio" id="ปกติ" value="ปกติ" />
      <label for="ปกติ">ปกติ</label>
      <input type="radio" name="radio" id="กศ.บป" value="กศ.บป" />
      <label for="กศ.บป">กศ.บป</label>
         </p>
<p>
      ชื่อ-สกุล:<input type="text" name="nl" size=20 maxlenght=50><br>
  </p>
  <p>
  E-mail:<input type="text" name="mail" size=20 maxlenght=20><br>
     </p>
 <p>
  ที่อยู่:<input type="text" name="home" size="50" maxlenght=100><br>
       </p>
  <p>
  สาขา
      <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
        <option>เทคโนโลยีสารสนเทศ</option>
<option>เทคโนโลยีภูมิศาสตร์</option>
</p>
     <p>
   
    บันทึกข้อมูล
    <input type="submit" name="บันทึกข้อมูล" id="บันทึกข้อมูล" value="Submit" /><br>
 
      </select>
    </p>
<p>ข้อมูลนักศึกษา</p>
    <table width="63%" border="1">
      <tr>
        <td bgcolor="#FFCCCC">รหัส</td>
        <td bgcolor="#FFCCCC">ชื่อสกุล</td>
        <td bgcolor="#FFCCCC">อีเมล</td>
        <td bgcolor="#FFCCCC">ที่อยู่(จังหวัด)</td>
      </tr>
 <tr>
        <td>001</td>
        <td>นายพงษ์เทพ บ้านโคกนา</td>
        <td>pong@hotmail.com</td>
        <td>ร้อยเอ็ด</td>
      </tr>
      <tr>
        <td>002</td>
        <td>นายยืนยง ใช่ยืนยาว</td>
        <td>yy@hotmail.com</td>
        <td>กาฬสินธุ์</td>
      </tr>
      <tr>
        <td>003</td>
        <td>นายคัมภีร์ ฟ้าประทาน</td>
        <td>kumpee@gmail.com</td>
        <td>มหาสารคาม</td>
      </tr>
    </table>
         </form>
 </center>
 </body>
</html>


นี่คือภาพ  รันออกมาแล้วได้แบบนี้ครับ

เขียนโดย ที่ ไม่มีความคิดเห็น:

วันเสาร์ที่ 14 กันยายน พ.ศ. 2556

โครงการปลูกป่า IT'2


รวมภาพ ปลูกป่า IT'2

เอาไว้เก็บรูปความทรงจำดีๆ ของพวกเราชาว "ไอที ห้อง 2"










































































































































































































































































เขียนโดย ที่ ไม่มีความคิดเห็น:
สมัครสมาชิก: บทความ (Atom)