H5的进阶段内联标签


当前第2页 返回上一页

1

2

3

4

5

6

7

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

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

<!doctype html> 

<html lang="en"

<head

    <meta charset="UTF-8"

    <title>标签基础2</title

</head

<body

    <!-- 内联元素 与别人公用一行 但是设置宽高无效 --> 

    <!-- 无语义 --> 

    <span>无语义</span

    <!-- 图片 alt图片加载失败显示--> 

    <img src="d" alt="加载失败"

    <!-- 超链接 --> 

    <a href="http://www.baidu.com">跳转</a

    <!-- 斜体强调 --> 

    <var>斜体强调作用</var

    <!-- em和i经常用于制作小图标 --> 

    <em>斜体强调作用</em

    <i>斜体强调作用</i

    <!-- 加粗强调 --> 

    <strong>加粗强调</strong

    <!-- 表单 提交数据--> 

    <form action=""

        <!-- 输入框 --> 

        <input type="text"

        <!-- 密码输入框 --> 

        <input type="password"

        <!-- 按钮 --> 

        <input type="button" value="按钮"

        <!-- 提交表单 --> 

        <input type="submit" value="提交表单"

        <!-- 日期 年月日--> 

        <input type="date"

        <!-- 日期 年周 --> 

        <input type="week"

        <!-- 日期 年月 --> 

        <input type="month"

        <!-- 日期 当前时间 --> 

        <input type="time"

        <!-- 选择文件 --> 

        <input type="file" value="打开文件"

        <!-- 只能输入数字 --> 

        <input type="number"

        <!-- 颜色选择器 --> 

        <input type="color"

        <!-- 重置 --> 

        <input type="reset"

        <!-- 复选框 --> 

        <input type="checkbox">我爱你  

        <input type="checkbox">你爱我  

        <!-- 单选框 name 同名字为一组--> 

        <input type="radio" name="sex" checked="checked">男  

        <input type="radio" name="sex">女  

    </form

    <!-- 多行文本 cols宽度 rows高度 --> 

    <textarea name="" id="" cols="30" rows="10"></textarea

    <!-- 选择列表 默认第一个选项的值为初始值--> 

    <select name="" id=""

        <option value="">选项1</option

        <option value="">选项2</option

        <option value="">选项3</option

    </select

</body

</html>

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

H5怎么做出拖拽效果

关于老版本的浏览器不兼容H5和C3的处理方法

H5中怎样使用postMessage实现两个网页间传递数据

以上就是H5的进阶段内联标签的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

可替换元素是什么?(附示例)

HTML5语义化总结

分享一个简单的HTML5 视频嵌入实例代码

什么是应用程序缓存(application cache)?

怎样使用a标签的href属性与onclick事件

通过h5实现拍照功能的实例详解

xhtml中有哪些常用的标签

h5的drag与drop详解

HTML5仿amd9官网酷炫的下载引导页动画特效的示例代码

HTML5前景怎么样

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...