อยากทราบวิธีการปรับ ขนาดความกว้าง textbox ตามชุดข้อมูลที่อยู่ด้านหน้า

สำหรับผู้ที่ เริ่มต้น Programming - PHP มีอะไร แนะนำ หรือข้อสงสัยต้องบอร์ด นี้ คนที่มีความรู้ แบ่งปันคนอื่นบ้างนะ ปัญหาการเขียนโปรแกรม แบบ OOP Session Cookies php network

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
Ittichai_chupol
PHP VIP Members
PHP VIP Members
โพสต์: 2516
ลงทะเบียนเมื่อ: 19/09/2018 10:33 am

อยากทราบวิธีการปรับ ขนาดความกว้าง textbox ตามชุดข้อมูลที่อยู่ด้านหน้า

โพสต์โดย Ittichai_chupol » 05/07/2019 4:54 pm

1.ผมต้องการที่จะขนาด textbox ให้มีขนาดกว้างขึ้นเมื่อ ด้านหน้า textbox ไม่มีข้อความใดๆ ดังรูป


Selection_999(1678).png
Selection_999(1678).png (45.3 KiB) เปิดดู 80 ครั้ง



2.แต่หากมีข้อความอยู่ด้านหน้าก็ให้ลดขนาดลงมา เป็น 70 px

Selection_999(1677).png
Selection_999(1677).png (66.3 KiB) เปิดดู 80 ครั้ง



css ที่ใช้งานอยู่ครับ

โค้ด: เลือกทั้งหมด


@media (max-width: 430px) {

    #page-header .search-box .inputbox {
        width: 70px;
    }

    .action-bar .search-box .inputbox ::-moz-placeholder {
        content: "Search...";
    }

    .action-bar .search-box .inputbox :-ms-input-placeholder {
        content: "Search...";
    }

    .action-bar .search-box .inputbox ::-webkit-input-placeholder {
        content: "Search...";
    }
}



ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 17602
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

Re: อยากทราบวิธีการปรับ ขนาดความกว้าง textbox ตามชุดข้อมูลที่อยู่ด้านหน้า

โพสต์โดย thatsawan » 05/07/2019 5:07 pm

ใช้วิธี สร้าง Class ใน HTML 2 ชุด ก็ได้ ว่าถ้ามีขนาด มากกว่า มือถือ ให้ใช้ show ส่วนอีกอันก็ hidden ไว้

ภาพประจำตัวสมาชิก
Ittichai_chupol
PHP VIP Members
PHP VIP Members
โพสต์: 2516
ลงทะเบียนเมื่อ: 19/09/2018 10:33 am

Re: อยากทราบวิธีการปรับ ขนาดความกว้าง textbox ตามชุดข้อมูลที่อยู่ด้านหน้า

โพสต์โดย Ittichai_chupol » 05/07/2019 7:26 pm

นำไปใส่ ใน css ที่ใช้ทุกหน้า

body.section-index #keywords {
width: auto !important;
}


ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 22 และ บุคคลทั่วไป 0 ท่าน