HTML（六）：表单

最新推荐文章于 2024-07-20 18:10:58 发布

不知名的MasaNvi

最新推荐文章于 2024-07-20 18:10:58 发布

阅读量149

点赞数 1

文章标签： html html5 css

本文链接：https://blog.csdn.net/weixin_43936723/article/details/119886088

版权

HTML 专栏收录该内容

7 篇文章 3 订阅

订阅专栏

在我们日常浏览网页中，我们时常需要注册账号才可以日常使用，那么我们在填写资料是通过什么来传输的呢？
在这里，我们就用到了表单：< from >元素
对于我们前端而言，学习HTML只需要吧效果制作出来，不需要数据处理。

1、表单标签

在HTML页面中，表单标签有五种：form、input、textarea、select、option。
代码演示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		*{margin: 0px auto;padding: 0px;}
	</style>
	<body>
		<form action="#">
			昵称：<input type="text"/><br />
			密码：<input type="password"/><br />
			邮箱：<input type="email"/><br />
			性别：<input type="radio" name="gander" value="男" checked="checked">男
			<input type="radio" name="gander" value="女">女<br />
			爱好： <input type="checkbox" name="hobby"/>游泳
				  <input type="checkbox" name="hobby"/>跑步
				  <input type="checkbox" name="hobby"/>爬山<br />
			自我介绍：<br/>
			<textarea></textarea><br />
			上传照片：<input type="file" /><br />
			<input type="submit" value="注册"/>
		</form>
	</body>
</html>