網(wǎng)頁設計 網(wǎng)頁中怎樣插入搜索按鈕?
網(wǎng)頁中怎樣插入搜索按鈕?1]首先,在帶有div標記的網(wǎng)頁中插入一個搜索框以輸入文本。2]]設置標簽中搜索框的ID,稱為LookupText。3]]將搜索框設置為左側浮動,填充20像素。4]]插入帶有i
網(wǎng)頁中怎樣插入搜索按鈕?
1]首先,在帶有div標記的網(wǎng)頁中插入一個搜索框以輸入文本。
2]]設置標簽中搜索框的ID,稱為LookupText。
3]]將搜索框設置為左側浮動,填充20像素。
4]]插入帶有input的輸入文本框,類型為text,標識符為ChooseText。
5]]輸入文本框左起10像素,高22像素,寬180像素,頂起16像素。
6]]邊框?qū)挾仍O置為2像素,顏色為藍色,輸入框的背景色設置為00ffff。
7]接下來,插入帶有div標記的search按鈕,標識符為lookupptn。
8]]搜索按鈕在左側浮動,寬度為60像素,高度為22像素。
9]]按鈕的顏色設置為藍色,字體設置為20像素,頂部和左側的填充設置為22像素。
10]]單擊“搜索”按鈕,運行“搜索”命令,然后使用“選擇”功能來實現(xiàn)搜索功能。
11]]最后,不要忘記插入搜索按鈕的文本。
12]]在網(wǎng)頁中瀏覽程序,并在頂部顯示輸入文本框和搜索按鈕,實現(xiàn)搜索欄功能。
網(wǎng)頁怎么制作搜索框?
1. 打開hbuilder編輯器,創(chuàng)建一個輸入框和按鈕,并將它們水平放置:
2。首先,將“#7fcc0b”顏色的邊框添加到輸入框中,設置寬度和高度,并將“#7fcc0b”的白色字體和背景色設置到按鈕:
3。按crtls,您可以在軟件的右側看到最終效果。以上是用HTML制作搜索框的演示