Forms by devtai.com ตอนที่ 3 เพิ่มกรอบสวยๆ

จำนวนคนเข้าดู: 1,075

Workshop จะสอนเทคนิคง่ายๆ ของ Forms ภาษา HTML กันนะครับ ไปดูกันเลยยย!!

Workshop นี้ ไม่มีอะไรมากนะครับ แค่เพิ่มกรอบให้ฟอร์มเฉยๆ
ให้ฟอร์มของเรา ดูเก๋ขึ้น มีราคาขึ้น แค่เปิดแท็ก fieldset เท่านั้นครับ

ตัวอย่าง Code นะครับ Code จากตอนที่ 1 และ 2 นะครับ

<!DOCTYPE html>
<html>
<body>

<h2>Forms by devtai.com</h2>
<form action="http://devtai.com/">

<fieldset>
    <legend> Forms by devtai.com </legend>

  First name:<br>
  <input type="text" name="firstname" value="ใส่ภาษาไทยหรืออังกฤษ">
  <br>
  Last name:<br>
  <input type="text" name="lastname" value="ใส่ภาษาไทยหรืออังกฤษ">
  <br>

  <b>เพศ</b> <br>
  <input type="radio" name="gender" value="male" checked> ชาย <br>
  <input type="radio" name="gender" value="female"> หญิง <br>
  <input type="radio" name="gender" value="other"> อืนๆ  <br>

  <br>
  <input type="submit" value="ตกลง">
</fieldset>
</form> 



</body>
</html>

<!DOCTYPE html>

<html>

<body>

<h2>Forms by devtai.com</h2>

<legend> Forms by devtai.com </legend>

First name:<br>

<br>

Last name:<br>

<br>

<br>

</fieldset>

</form>

</body>

</html>

วัยวุฒิ ชุมเมืองปัก

สนใจจ้างพัฒนาระบบ เขียนระบบ
ทำเว็บไซต์ รับสอนเขียนโปรแกรม
inbox มาที่เพจ หรือติดต่อ 098-373-8651

ช่องทางการชำระเงิน
เงินสด หรือ e-banking
ธนาคารกสิกรไทย
เลขบัญชี : 0951168564
ชื่อบัญชี : นายวัยวุฒิ ชุมเมืองปัก

CODE EDITOR HTML TEXT EDITOR

วัยวุฒิ ชุมเมืองปัก

สนใจจ้างพัฒนาระบบ เขียนระบบ ทำเว็บไซต์ รับสอนเขียนโปรแกรม inbox มาที่เพจ หรือติดต่อ 098-373-8651 ช่องทางการชำระเงิน เงินสด หรือ e-banking ธนาคารกสิกรไทย เลขบัญชี : 0951168564 ชื่อบัญชี : นายวัยวุฒิ ชุมเมืองปัก

Share this:

Related

วัยวุฒิ ชุมเมืองปัก