ปรับขนาด TextBox HTML ให้ใหญ่ เล็ก ด้วย font-size

สอนเขียนโค้ดปรับขนาด TextBox HTML ให้ใหญ่ เล็ก ด้วย font-size บทความนี้แนะนำการวิธีการปรับขนาดของ input type text หรือ TextBox ของภาษา HTML ด้วยคำสั่ง font-size สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ปรับขนาด TextBox HTML ให้ใหญ่ เล็ก ด้วย font-size

<input type="text" placeholder="TextBox ขนาดปกติ"><br/>
<input type="text" placeholder="TextBox ปรับขนาด" style="margin-top: 0.5rem; font-size: 1rem;">

ปรับขนาด TextBox HTML ให้ใหญ่ เล็ก ด้วย font-size ตัวอย่างกำหนด font-size 1rem คือ กำหนดขนาดของตัวอักษรให้มีขนาด 1rem ซึ่งจะส่งผลให้ขนาดของ TextBox ใหญ่ตามขนาดของตัวอักษรไปด้วย