双恒 H5的进阶段内联标签
这次给大家带来H5的进阶段内联标签，怎么使用H5的进阶段内联标签？使用H5的进阶段内联标签的注意事项有哪些，下面就是实战案例，一起来看一下。
内联元素，与别人公用一行，但是设置宽高无效。其特点：
①和其他元素都在一行上
②高，行高及外边距和内边距不可改变；
③宽度就是它的文字或图片的宽度，不可改变
④内联元素只能容纳文本或者其他内联元素
代码如下：
<!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>相信看了这些案例你已经掌握了方法，更多精彩请关注双恒网络其它相关文章！
相关阅读：
H5怎么做出拖拽效果
关于老版本的浏览器不兼容H5和C3的处理方法
H5中怎样使用postMessage实现两个网页间传递数据
以上就是H5的进阶段内联标签的详细内容，更多请关注双恒网络其它相关文章！
