Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > จะเอา textbox มาวางบนรูปภาพที่ทำเป็นรูป textbox ใน css html ทำไงอ่าคะ

จะเอา textbox มาวางบนรูปภาพที่ทำเป็นรูป textbox ใน css html ทำไงอ่าคะ

เริ่มหัวข้อใหม่

Guest

จะเอา textbox มาวางบนรูปภาพที่ทำเป็นรูป textbox ใน css html ทำไงอ่าคะ

Tag : PHP, HTML/CSS

Date : 2010-12-03 13:02:45

By : thyl

View : 1179

Reply : 2

No. 1

wisutsak

โพสกระทู้ ( 4 )
บทความ ( 0 )

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style>
#fd-username{background:url(userbox.png) 0 0 no-repeat;width:120px;height:20px;float:left;margin-top:8px;margin-right:15px;}
#fd-password{background:url(passbox.png) 0 0 no-repeat;width:120px;height:20px;float:left;margin-top:8px;margin-right:15px;}
#fd-username input#usrnme,#fd-password input#psswrd{
background:transparent;color:#898989;padding:2px 3px 0;border:none;margin:1px 10px 0 20px;width:80px;height:15px;font-size:10px;}
#loginbutton{float:left;background:url(loginbutton.png) no-repeat;width:50px;height:20px;border:none;padding:0;cursor:pointer;text-transform:uppercase;text-indent:-5000px;}
#regbutton{float:left;background:url(regbutton.png) no-repeat;width:65px;height:20px;border:none;padding:0;margin:8px 0 0 10px;cursor:pointer;text-transform:uppercase;text-indent:-5000px;}#login_btn{float:left;width:50px;height:20px;padding:0;margin:8px 0 0;}
#reg_btn{float:left;width:65px;height:20px;padding:0;margin:8px 0 0 10px;}
#reg_btn a{display:block;background:url(regbutton.png) no-repeat;width:65px;height:20px;cursor:pointer;text-transform:uppercase;text-indent:-5000px;outline:none;}
</style>
<body>
<div id="fd-username" >
<input id="usrnme" name="username" type="text" onfocus="if (this.value == 'Username') this.value = ''" value="Username" />
</div>

<div id="fd-password">
<input id="psswrd" name="password" type="password" onfocus="if (this.value == 'password') this.value = ''" value="password" />

</div>
<div id="login_btn">
<input id="loginbutton" type="submit" value="เข้าสู่ระบบ" name="submit" />
</div>
<div id="reg_btn">
<a href="#" title="สมัครสมาชิก">สมัครสมาชิก</a>
</div>
</body>
</html>

ภาพ นะ ครับ

Date : 2010-12-03 15:48:07

By : wisutsak

No. 2

Guest

ตอบความคิดเห็นที่ : 1 เขียนโดย : wisutsak เมื่อวันที่ 2010-12-03 15:48:07

รายละเอียดของการตอบ ::

.ขอบคุณมาก ๆ ๆ นะคะ ^^

Date : 2010-12-03 16:55:53

By : thyl

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : จะเอา textbox มาวางบนรูปภาพที่ทำเป็นรูป textbox ใน css html ทำไงอ่าคะ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05