Căn lề form trong HTML

#1

Các bác cho em hỏi là em phải fix làm sao để mấy cái textbox nằm ngay hàng thẳng lối ạ, nó chạy tùm lum

Capture.PNG886×480 183 KB

CODE: https://paste2.org/L9aICk0W

#2

Mình khá dị ứng với 2 từ Hacking,Hacker, không hiểu bạn nghĩ sao về 2 từ này. CLB Hacking của bạn thảo luận về vấn đề gì thế ?

#3

Chứa cái form vào 1 table. Cụ thể: 1 row của table gồm 2 item: label và input, còn cái nút thì cho vào 1 row luôn và để ở item nào là tùy bạn :wink:

2 Likes
#4

Clb hacking gì mà làm cái form cũng ko xong ko biết hack cái gì :smile:

1 Like
#5

Chắc làm demo thôi

1 Like
#6

Bootstrap đi cho dễ :sunglasses:

1 Like
#7

Cho các dòng vào một thẻ container nào đó. Mỗi dòng cũng wrap vào một block
Vd

  • Để căn giữa container:

    ul { width: 60%; margin: auto; }

    Để căn tiêu đề và input sang 2 bên:

    li { display: flex; justify-content: space-between; }

    Set width cho từng phần tử con nữa là xong.

1 Like
#8

Làm demo chơi để học hỏi mà. Không biết mới học mới hỏi. Chứ em nào vừa học được 2 tiếng biết hết như bác đây nhỉ :)))

#9

Demo chơi thôi. Chứ có cái gì đâu mà soi kinh

#10

Bài này nói về cách design form, đọc để rút kinh nghiêm nha. Label nênđưa lên trên input để tiết kiệm diện tích khi hiển thị trên mobile

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?