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

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

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

User avatar
Ittichai_chupol
PHP VIP Members
PHP VIP Members
Posts: 3114
Joined: 19/09/2018 10:33 am

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

Post by Ittichai_chupol » 05/07/2019 4:54 pm

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

Selection_999(1678).png
Selection_999(1678).png (45.3 KiB) Viewed 168 times

2.แต่หากมีข้อความอยู่ด้านหน้าก็ให้ลดขนาดลงมา เป็น 70 px
Selection_999(1677).png
Selection_999(1677).png (66.3 KiB) Viewed 168 times

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

Code: Select all


@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
Posts: 19797
Joined: 31/03/2014 10:02 am
Contact:

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

Post by thatsawan » 05/07/2019 5:07 pm

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

User avatar
Ittichai_chupol
PHP VIP Members
PHP VIP Members
Posts: 3114
Joined: 19/09/2018 10:33 am

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

Post by Ittichai_chupol » 05/07/2019 7:26 pm

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

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

Post Reply

Return to “Programming - PHP”

Users browsing this forum: logansah and 23 guests