เปลี่ยนสีให้กับ TextBox 3 Style จัดทำโดย : Mr.GuruZ พิมพ์
 Un title page

เปลี่ยนสีให้กับ TextBox 3 Style อย่างเพิ่งงงกับชื่อของหัวข้อนะครับ เห็นหลายๆ คนถามถึงและมันก็มีวิธีในหารทำหลายแบบด้วยกัน แต่ทั้ง 3 ขั้นตอนนั้นก็ไม่ยากครับ เพื่อให้ง่ายผมขออธิบายด้วยโค้ดละกัน มาดูการทำกันเลย

ขั้นตอนการทำ
1. เขียน Style ใสลงใน TextBox โดยตรง

<html>
<head>
<title>แบบที่ 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
</head>
<body bgcolor="#FFFFFF">
<form name="form1" method="post" action="">
<input type="text" name="test1" style="width:110px; height:20px; font-family:Tahoma; font-size:11px; color: #FF9900 ">
<input type="submit" name="Submit" value="Submit">
</form>
</body>
</html>

2. แบบที่เรากำหนดจาก CSS Style แล้วเราเรียกใช้จาก Class

<html>
<head>
<title>แบบที่ 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<style type="text/css">
<!--
.color { color: #3300FF}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<form name="form1" method="post" action="">
<input type="text" name="test2" class=color>
<input type="submit" name="Submit" value="Submit">
</form>
</body>
</html>

3. กำหนดจากโค้ด HTML Tag

<html>
<head>
<title>แบบที่ 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<style type="text/css">
<!--
input {
color: #FF00FF;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<form name="form1" method="post" action="">
<input type="text" name="test2">
<input type="submit" name="Submit" value="Submit">
</form>
</body>
</html>

4. ลองนำไปใช้กันดูนะครับ ส่วนใครมีวิธีแปลกๆ ส่งมาได้ครับ
คุณอาจสนใจ
เนรมิตรน้ำค้างด้วย Photoshop
พุงโต (90,336 - 04 เม.ย. 51)
การส่งค่าตัวแปลผ่าน Cookies
Mr.GuruZ (26,694 - 03 มิ.ย. 49)
สร้างอิฐบล็อก
langjuko (92,955 - 16 พ.ค. 51)
การสร้างไฟล์ Source Code
Mr.POP (31,003 - 26 พ.ย. 50)
แฉ!!! ติดไวรัสจากสตรีมมิ่งได้
เว็บไทยดีดี (15,121 - 22 ก.ย. 50)
เทคนิคการนำไฟล์เอกสารขึ้นเว็บให้ Download
Mr.GuruZ (45,599 - 04 มิ.ย. 49)
การเปิดดูรูปภาพแบบ popup และรูปภาพค่อยๆ ขยายขึ้นมา
nut (37,326 - 07 มี.ค. 51)
การใช้งาน ScrollBar Component
Mr.GuruZ (54,551 - 04 มิ.ย. 49)