
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内联框架</title>
</head>
<body>
<!--
scr:可以内嵌的窗口路径
name:可以点击链接确定内嵌的窗口的窗口不过iframe的src必须为空
w-h: 可设置大小
-->
<iframe src="http://www.likecs.com/内联frame.html" ></iframe>
<iframe src=""></iframe>
<a href="http://www.likecs.com/内联frame.html" target="htllo"></a>
</body>
</html>
表单
表单
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--
p: 块元素
get:可以看到数据,不安全,高效,用于测试
post:比较安全,传输大文件。比get安全。不过也可以看到。
-->
<form action="视频.html" method="get">
<!--
value: 默认值
maxlength:限制字符数
size:大小
reset:重置
-->
<!--
checked: 默认
-->
<p>名字: <input type="text"></p>
<p>密码: <input type="password"></p>
<!--
name:表示组
valu:单选框的值
-->
<p>性别:
<input type="radio" value="boy"/>男
<input type="radio" value="gifl"/>女
</p>
<!--图片按钮-->
<p>
<input type="image" scr/>
</p>
<p>
<input type="submit">
<input type="reset">
</p>
</form>
</body>
</html>

下拉框
<!--
checked: 默认
-->
<p>
<select>
<option value="1">dfao</option>
<option value="2">dfao</option>
<option value="3">dfao</option>
<option value="4">dfao</option>
<option value="5">dfao</option>
</select>
</p>
文件域与文本域
<!--
textarea:文本域
cols: 列
rows: 行
-->
<p>反馈:
<textarea cols="10" rows="20">文本内容</textarea>
</p>
<!--文件域
上传文件
-->
<p>
<input type="file">
</p>
验证
<p>邮箱:
<input type="email"name="email">
</p>
<!--必须时邮箱格式-->
<!--
验证属性:
email: 邮箱
url: 网址
-->
<!--
number:数字验证
max:最大值
min:最小值·
step:在10的之内的初始值和未尾值 如:0 10 20 30等也可用于商品增加
-->
<p>数字:
<input type="number"name="num" max="100" min="0" step="10">
</p>
滑块
<!--滑块
range
-->
<p>音量:
<input type="range" max="100" min="0" step="2">
</p>
搜索
<!--搜素-->
<p>搜索:
<input type="search">
</p>
input 中的极大标签
readonly: 只读 只能看,不能改
disabled:禁用。 用于选择时,如不能选择男,如按钮
hidden: 隐藏
required: 不能为空
pattern:正则表达式
placeholder=“请输入用户名”
pattern:正则表达式
<p>
<input type="text">
</p>
鼠标的可用性
<p>
<label for="kk">你点</label>
</p>
<!--
再到text文本跨中添加一个 id=“kk”
鼠标点击你点,就会移动打扫text文本框中。
-->
正则表达式网址: