一、Form表单简介
表单是允许用户在表单中输入内容,比如用户名和密码，并将信息提交到服务器
二、简单表单
action：将输入框的内容提交到那服务器
method：提交方式，GET方式(有长度限制)和POST方式
<!DOCTYPE html> <!-- 有助于浏览器中正确显示网页 -->
<html> <!-- html页面开始标签 -->
<head>
<meta charset="UTF-8"> <!-- UTF-8编码 -->
<title>登录</title> <!-- 标签页显示的内容 -->
</head>
<body style="text-align:center;">
请输入用户名和密码
<form action="bucuo.php" method="get" target="_blank">
用 户 名： <input type="text" name="user">
密 码：<input type="password" name="pass1">
<input type="reset">
<input type="submit" name="submit" value="登录">
</form>
</body>
</html> <!-- html页面结束标签 -->
三、相关标签介绍
1、input标签
输入框和密码框
用 户 名：<input type="text" name="user">
密 码：<input type="password" name="pass1">
单选按钮
性 别：<input type="radio" name="sex1">男<input type="radio" name="sex2">女
多选按钮
爱 好：<input name="cg" type="checkbox">唱歌<input name="tw" type="checkbox">跳舞<input name="kdy" type="checkbox">看电影
文件上传按钮
头像上传：<input type="file" name="tx">
重置和提交按钮
<input type="reset">
<input type="submit" name="submit" value="提交">
2、textarea标签，文本域，可以输入多行内容
头像上传：<input type="file" name="tx">
3、iframe标签，内联框架，可以理解为在一个网页内又镶嵌了一个网页
src：设置框架内默认显示的网页
width：设置框架的宽度
frameborde：设置框架是否有边框
name：设置框架的标识名
scrolling：设置滚动条
<a href="http://192.168.1.129/html/zc.html" target="ay"> 注册</a>
<a href="http://192.168.1.129/html/dl.html" target="ay"> 登录</a>
<iframe src="http://www.baidu.com" name="ay" width="100%" frameborder="0"><iframe>
作业要求：新建两个HTML页面，一个注册页面，一个登录页面
禁止非法，后果自负
![[HTML、CSS]细节与使用经验](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635950/20241110/4a6bb78b9c294263bd2e005a5c2642e0.gif?x-oss-process=image/resize,h_160,m_lfit)
![[HTML、CSS]知识点](https://ucc.alicdn.com/3mfxe2r26qbaq/developer-article1635461/20241109/bcc34220ff734707ab00ebc739596dff.jpeg?x-oss-process=image/resize,h_160,m_lfit)