<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内联框架</title>
</head>
<body>
<iframe src="https://www.baidu.com" width="500" height="800"></iframe>
<!--也可以生成一个name的空白框架，另外创建一个a标签，target=“name”-->
<iframe name="name" width="500" height="800"></iframe>
<a href="http://www.baidu.com" target="name">点我跳转</a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<!--get方法不安全，高效，不能传输大文件
post方法，安全，高效，能传大文件
-->
<!--value-->
<form action="image.html" method="get">
<p>用户名: <input type="text" name="username" value="表格默认内容"></p>
<p>密码：<input type="password" name="psw"></p>
<p>
<input type="submit">
<input type="reset">
</p>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<!--get方法不安全，高效，不能传输大文件
post方法，安全，高效，能传大文件
在form里，下面的submit可以提交
-->
<!--value-->
<form action="image.html" method="get">
<p>用户名: <input type="text" name="username" value="表格默认内容"></p>
<p>密码：<input type="password" name="psw"></p>
<p>
<input type="submit">
<input type="reset">
</p>
<!-- radio单选框，name名字一致才是一个组，只能选一个-->
<p>
<input type="radio" value="boy" name="sex">男孩
<input type="radio" value="girl" name="sex">女孩
</p>
<!-- checkbox多选框-->
<input type="checkbox" value="sleep" name="hobby">睡觉
<input type="checkbox" value="eat" name="hobby">吃饭
<!-- 按钮、图片按钮-->
<input type="button" value="btn" name="点击一下">
<input type="image" src="../resource/1.jpg" name="转跳">
<!-- 下拉框-->
<p>
<select name="name" id="现在用不到">
<option value="china">中国</option>
<option value="japan">日本</option>
<option value="india">印度</option>
<input type="submit">
</select>
</p>
<!-- 文本域 cols=列宽，rows行高-->
<p>反馈：
<textarea name="textarea" cols="50" cows="30">默认的内容</textarea>
</p>
<!-- 文件选择上传-->
<p>
<input type="file" name="file">
<input type="button" value="上传" name="upload">
</p>
<input type="submit">
</form>
</body>
</html>
表单都是键值对的形式，所以要有name属性-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>验证</title>
</head>
<body>
<!--表单都是键值对的形式，所以要有name属性-->
<p>
<!-- 数字增减-->
数字：<input type="number" name="number" min="10" max="100">
</p>
<p>
<!-- 滑块-->
滑块：<input type="range" name="voice" min="10" max="100" step="5">
</p>
<p>
<!-- 搜索框-->
搜索框：<input type="search" name="serch">
</p>
</body>
</html>
扫一扫
2638
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
