วิธีการแทรกไอคอน Glyphicon ในกล่องอินพุตอินพุตใน bootstrap3 ไอคอนแทรกดูสะดุดตามากขึ้นและตรงกับค่าประสบการณ์ของผู้ใช้ ฟังก์ชั่นนี้ใช้ในเว็บไซต์หลัก
จะวางไอคอนที่จุดเริ่มต้นของกล่องอินพุตได้อย่างไร? -
<div> <label for = "username"> ชื่อผู้ใช้ </label> <div> <span> </span> <อินพุต type = "text" id = "ชื่อผู้ใช้" name = "ผู้ใช้" placeholder = "username" Autofocus> </div> </div> name = "รหัสผ่าน" placeolder = "รหัสผ่าน"> </div> </div>
----- แนวคิดการแก้ปัญหา -----------------------
เพียงแค่เปลี่ยนสไตล์ มันทำด้วยการวางตำแหน่งสัมบูรณ์ มันทำด้วยเหลือจำนวนมาก จากนั้นเปลี่ยนช่องด้านซ้ายของกล่องอินพุต
----- แนวคิดการแก้ปัญหา -----------------------
เปลี่ยนสไตล์
Form-Control-Feedback {ขวา: 0 // เปลี่ยนชื่อซ้าย: 0}เนื้อหาข้างต้นเป็นวิธีการแทรกไอคอน glyphicon ในกล่องอินพุต bootstrap3 ที่แนะนำให้คุณ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณต้องการทราบข้อมูลเพิ่มเติมโปรดใส่ใจกับเว็บไซต์ Wulin.com!