超文本标记语言搜索框怎么做

使用超文本标记语言做搜索框的方法：

1、首先新建一个div，id名为盒子，用来包裹搜索框；

2、然后在内部添加一个投入标签和一个差异标签，一个用来输入文字，一个充当按钮；

3、最后使用钢性铸铁为它们设计样式即可。

一

2

3

四

5

6

七

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

！声明文档类型

超文本标记语言

头

meta charset='utf-8 '

meta http-equiv=' X-UA-Compatible ' content=' IE=edge，chrome=1 '

标题示例/标题

元名称='描述'内容=' '

元名称='关键字'内容=' '

链接href=' ' rel='样式表'

style type='text/css '

#box{

宽度： 380px

margin: 30px自动

' font-family: '微软雅黑；

font-size : 14px

}

输入{

宽度： 260px

border: 1px固体# e2e2e2

高度： 30px

向左浮动：

背景图片： URL(图片/搜索。jpg)；

背景-repeat:不重复；

背景尺寸尺寸： 25px

背景-位置：5px中心；

padding:0 0 0 40px

}

#搜索{

宽度： 78px

高度： 32px

向右浮动：

背景：黑色；

颜色：白色；

文本-对齐：中心；

线高： 32px

cursor:指针；

}

/style

/head

身体

div id='box '

输入类型='搜索'名称='搜索'占位符='请输入关键字'

div id='search '搜索/div

/div

/body

/html

效果：