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的进阶段内联标签的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

h5实现可缩放的时钟动画

HTML5上传视频无法播放以及兼容的解决方法(图)

h5的localstorage本地存储使用详解

HTML5的下拉框应该如何增加用户体验

李炎恢HTML5视频资料分享

HTML5的contenteditable属性解析

利用图片预加载组件提升HTML5移动页面的用户体验

HTML5 canvas实现文本对齐的代码总结

基于 HTML5 canvas 实现的文字动画特效

jquery实现带弹窗和次数的转盘抽奖(代码)

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




打赏

取消

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

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

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

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

评论

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