이번에는 H5의 고급 인라인 태그를 가져왔습니다. H5의 고급 인라인 태그는 어떻게 사용하나요? H5의 고급 인라인 태그 사용 시 주의 사항
은 무엇인가요? 다음은 실제 사례입니다. , 다른 사람과 줄을 공유하지만 너비와 높이 설정이 유효하지 않습니다. 특징: ① 및 기타 요소는 모두 한 줄에 있습니다.② 높이, 줄 높이 및 외부 여백 및 내부 여백
은 변경할 수 없습니다. 3 너비는 변경할 수 없는 텍스트 또는 그림의 너비입니다.4인라인 요소는 텍스트 또는 기타 인라인 요소만 수용할 수 있습니다.코드는 다음과 같습니다.
<!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 및 C3과 호환되지 않는 이전 버전의 브라우저를 처리하는 방법에 대해
postMessage 사용 방법 H5 데이터의 두 웹 페이지 간 전송
위 내용은 H5 고급 인라인 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
