HTML8小时速成笔记（五）——表单和框架集

最新推荐文章于 2023-01-07 15:09:11 发布

Dream__Catcher

最新推荐文章于 2023-01-07 15:09:11 发布

阅读量379

点赞数

分类专栏：网站开发文章标签： html 基础笔记速成

本文链接：https://blog.csdn.net/Dream__Catcher/article/details/84338104

版权

网站开发专栏收录该内容

9 篇文章 1 订阅

订阅专栏

一些细节就不详细写了，毕竟不是专门做网页开发，目的是为了学php和JavaScript，记重点
一、表单
1、所有表单类型，及其参数意义
2、给各类表单添加默认值
3、提交地址及方式

<form action="www.baidu.com" method="POST">
	<p>用户名： <input type="text" name="username" value="坏蛋"></p>
	<p>
		密码： <input type="password" name="password">
	</p>
	<p>
		性别： 男：<input type="radio" name="gender" value="男" checked="checked">
		女：<input type="radio" name="gender" value="女">
	</p>
	<p>
		爱好： 篮球<input type="checkbox" name="hobby" value="篮球">
		足球<input type="checkbox" name="hobby" value="足球">
		台球<input type="checkbox" name="hobby" value="台球">
	</p>
	<p>
		<select name="xueli">
			<option value="大学" selected="selected">大学</option>
			<option value="中学">中学</option>
			<option value="小学">小学</option>
		</select>
	</p>
	<p>
		<textarea name="intro">我是坏蛋</textarea>
	</p>
	<p>
		上传头像：<input type="file" name="pic">
	</p>
	<p>
		隐藏域：你看不见 <input type="hidden" name="IP" value="192.168.0.100">
	</p>
	<p>
		<input type="submit" name="提交">
	</p>
	<p></p>
</form>

坚持一下，HTML还有20分钟结束

二、框架集
1、doctype声明变化
2、body先不要

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>f</title>
</head>
<frameset rows="200px,*">
	<frame src="xx.html"></frame>
	<frameset cols="30%,*">
		<frame src="xx.html"></frame>
		<frame src="xx.html"></frame>
	</frameset>
</frameset>

</html>

一个品字形实例
frame

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>f</title>
</head>
<frameset rows="200px,*">
	<frame src="xx.html"></frame>
	<frameset cols="30%,*">
		<frame src="left.html"></frame>
		<frame src="xx.html" name="you"></frame>
	</frameset>
</frameset>

</html>

left

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>zuo</title>
</head>
<body>
	<a href="right.html" target="you">1</a><br \>
	<a href="right.html" target="you">2</a><br \>


</body>
</html>

right

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>you</title>
</head>
<body>
	adsfsdfadf
</body>
</html>

结束，学php了

Dream__Catcher

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML8小时速成笔记（五）——表单和框架集

一些细节就不详细写了，毕竟不是专门做网页开发，目的是为了学php和JavaScript，记重点一、表单1、所有表单类型，及其参数意义2、给各类表单添加默认值3、提交地址及方式&lt;form action="www.baidu.com" method="POST"&gt; &lt;p&gt;用户名： &lt;input type="text" name="username" v
复制链接

扫一扫