这章节会很短，主要是介绍form标签和iframe标签。
form的用法
form标签通常会使用button按钮进行辅助，在此有一段案例。
<form action="http://baidu.com" method="get">
<input type="text" name="title" id="title">
<br>
<input type="text" name="content" id="content">
<br>
<button type="submit">跳转</button>
<button type="reset">重置</button>
</form>
在这一段代码里面，通过点击跳转将会带着两个输入框内的内容跳转到baidu.com，如下图所示
而重置的按钮就会把输入框的内容全部清空。那么接下来将对这一段代码里面的部分单词进行解析：
1.action：跳转到的网址名称，网址名字需要写全。
2.method：传递数据的方式，主要分为get和post。get传输的体积小，传输格式局限性小，以字符串等为主，且安全度不高，根据url地址传输参数，多用于搜索；post传输体积大，传输样式多，安全性好，相对较慢，表单体传值。
3.button内的type：这个值默认为submit，即直接触发事件，而reset可以将内容进行重置。
iframe的用法
iframe标签可以加载微界面，就比如下图及其代码所示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<iframe src="http://baidu.com" frameborder="0" width="600" height="500px"></iframe>
</body>
</html>
<!-- 跳转打开某个网址或文件 -->
在上述代码中的width和height即为显现出来的微界面的宽度和高度了，而frameborder的数值即为页面boder值
扫一扫
611
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
