Thanh tìm kiếm Bootstrap Với menu thả xuống

Menu thả xuống là một loại menu, bằng cách sử dụng menu thả xuống, người dùng có thể chọn thứ gì đó từ tập hợp được xác định trước. Nó là một menu có thể chuyển đổi, có nghĩa là nó xuất hiện khi người dùng nhấp vào menu. Hộp tìm kiếm là một loại hộp trong đó bạn có thể viết chuỗi mà bạn muốn tìm kiếm

Mục đích chính là căn chỉnh menu thả xuống và hộp tìm kiếm theo một đường thẳng

ví dụ 1. Chúng tôi sẽ tạo một thanh điều hướng và tạo một menu thả xuống và hộp tìm kiếm, ban đầu sẽ không xuất hiện theo một đường thẳng. Chúng ta có thể sử dụng danh sách không có thứ tự “ul” của cấu trúc HTML ở dạng danh sách

HTML

<html>

<head>

______1<0 <1____12<3>

______1<0 <8<2html0 html1<2

html3____24>

html8

______1>1 >2<2>4 >5<2

>7>

______1>1 >2<2>4 >5<2

html3____10<2

<2

html3______14<2<6>

head0

<head3 head4<2

head6>

head9head3>

<head3 head4<2

>8>

head9head3>

<head3 head4<2

<0>

head9head3>

head9head>

<<01>

<05

______1<08 <09

html3____111

<12

html3______1<15 <16<2<18<19<15>

<12

html3______1<25 <16<2<28>

<30<31

<30<<34 <16<2<37>

<39<____141 <16<2<44

<45<46<2<48 >5<2<51

<45<53<2<55 <56<2<58

<45<60____12<62

<45<64<2<66>

<45<69

<39head9<41>

<39<____177 <16<2<80>

<45<____141 <16<2<87

<88>5____12<51<92

<45head9<41>

<97

<45<____141 <16<2<87

<88>5____12<51html08

<45head9<41>

<39head9<77>

<30head9____134>

<30<<34>

<39html26

<39<____229 html30<2html32 html33<2html35>

<30head9____134>

html3____69____125>

head9<08>

head9<01____3

head9html>

đầu ra

ví dụ 2

HTML

<html>

<head>

______1<0 <1____12<3>

______1<0 <8<2html0 html1<2

html3____24>

html8

______1>1 >2<2>4 >5<2

>7>

______1>1 >2<2>4 >5<2

html3____48

html3____10<2

<2

html3______14<2<6>

head0

<head3 head4<2

head6>

head9head3>

<head3 head4<2

>8>

head9head3>

<head3 head4<2

<0>

head9head3>

head9head>

<<01>

_______1>62 >63<2>65 <64____12>68>

programming bootstrap

Thanh tìm kiếm Bootstrap Với menu thả xuống

HTML

HTML

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội