表单标签、框架集frameset(Html基础)4

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Html基础</title>
	</head>
	<body>
		<!-- form表单
			action:提交地址
			method:提交方式get/post
			get:提交的数据会以name=value的形式用?拼接在网址的后面
			post:将数据放在请求体中,F12可以看见具体
			placeholder:输入表单的提示文字
			name:表单的名字
			value:表单的值
			type:表单的类型text、password
		 -->
		<form action="http://baidu.com" method="get">
			<!-- 文本输入框 -->
			<input type="text" value="" name="user" placeholder="输入用户名" />
			<!-- 密码输入框 -->
			<input type="password" value="" name="password"  placeholder="输入密码" />
			<!-- 单选框 -->
			<input type="radio" value="0" name="sex" /><input type="radio" value="1" name="sex" />
			<!-- 复选框 -->
			<input type="checkbox" value="0" nane="hobby"/><input type="checkbox" value="1" nane="hobby"/><input type="checkbox" value="2" nane="hobby"/>
			<!-- 文件选择框 -->
			<input type="file" name="file" />
			<!-- 下拉框 -->
			<select name="select">
				<option value="0">选项一</option>
				<option value="1">选项二</option>
				<option value="2">选项三</option>
			</select>
			<input type="button" value="普通按钮" />
			<input type="reset" value="重置按钮" />
			<input type="submit" value="提交按钮" />
		</form>
		
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Html基础</title>
	</head>
	<!-- 用frameset标签替换body标签(多个网页同时显示 框架集) -->
	<!-- 
		rows:把整个网页上下分
		cols:网页左右分
		frameborder:框架集的边框0|1
		noresize:能否调整窗口的大小
		scrolling:有无滚动条(yes、no、auto)
	 -->
	<frameset rows="500px,500px" cols="30%,30%,*" frameborder="0">
		<frame src="http://baidu.com" noresize="noresize" />
		<frame src="http://baidu.com" scrolling="yes" />
		<frame src="http://baidu.com" scrolling="no"/>
		<frame src="http://baidu.com" scrolling="auto"/>
		<frame src="http://baidu.com" />
		<frame src="http://baidu.com" />
	</frameset>
</html>

 

posted @ 2020-11-03 14:51  余光都是你  阅读(63)  评论(0)    收藏  举报