html表单的常用元素

最新推荐文章于 2024-03-26 22:19:00 发布

名字长就有小可爱跟着念

最新推荐文章于 2024-03-26 22:19:00 发布

阅读量711

点赞数

分类专栏：学习笔记文章标签： html html5

本文链接：https://blog.csdn.net/qq_44787874/article/details/109646524

版权

学习笔记专栏收录该内容

20 篇文章 1 订阅

订阅专栏

这篇博客介绍了HTML表单的基础元素，包括复选框、单选按钮、下拉列表和文本域的使用，适合HTML初学者。内容包含实际示例截图，旨在帮助小白快速掌握HTML表单创建。

摘要由CSDN通过智能技术生成

表单的常用元素：

复选框，单选按钮，下拉列表，文本域，创建按钮

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>表单</title>
	</head>
	<body>
		<!-- 表单 -->
		<form>
			
			用户名：
			<input type="text" />
			<br />
			密码：
			<input type="password" />
			<br />
			<!-- 复选框 -->
			你喜欢的水果有？
			苹果<input type="checkbox" />
			梨<input type="checkbox" />
			草莓<input type="checkbox" />
			<br />
			<!-- 单选按钮： -->
			你的性别：
			男<input type="radio" name="sex"/>
			女<input type="radio" name="sex" />
			<br />
			<!-- 下拉列表实现： -->
			<select>
				<option>管理员</option>
				<option>学生 </option>
			</select>
			<!-- 按钮 -->
			<input type="button" value="按钮" />
			<input type="submit" />
		</form>
		<!-- 文本域 -->
		<!-- 创建一个30*30的文本域 -->
		<textarea cols="30" rows="30">请输入信息</textarea>
	</body>
</html>

实现截图：

在这里插入图片描述

开始持续更，有关HTML的相关用法，适合没学过的童鞋，小白适用。

名字长就有小可爱跟着念

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
html表单的常用元素

表单的常用元素：复选框，单选按钮，下拉列表，文本域，创建按钮<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>表单</title> </head> <body>  <form> 用户名： <input type="text" />
复制链接

扫一扫

专栏目录