html学习笔记（五）各种表框简单实现

最新推荐文章于 2025-07-30 20:36:15 发布

原创最新推荐文章于 2025-07-30 20:36:15 发布 · 219 阅读

1 ·

CC 4.0 BY-SA版权

HTML基础专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了HTML中各种表单元素的应用，包括登录框、复选框、下拉菜单、留言框和文件上传框等，提供了丰富的代码示例，帮助读者理解和掌握HTML表单的使用。

链接: https://pan.baidu.com/s/1-yFswWQNAECYorxEx0WvbA 密码: urot

效果图：

在这里插入图片描述

笔记：

在这里插入图片描述

代码：

<html>
	<title>
		登录框
	</title>
	<body>
		<form action="table.html" method="post">
			name:<input type="text" name="username">
			pwd:<input type="password" name="pwd">
			<input type="submit" value="login">
			<input type="reset" value="restart"><br/>
<hr/>
<br/>复选框
请选择您的电器：<br/>
<input type="checkbox" name="1">手机<br/>
<input type="checkbox" name="1">电脑<br/>
<input type="submit" value="提交"><br/>
<hr/>
<br/>下拉菜单
请选择地址<br/>
<select name="addr">
	<option name="shandong">山东</option>
	<option name="hebei">河北</option>
	<option name="henan">河南</option>
	<option name="shanxi">山西</option>
</select>
<input type="submit" value="提交"><br/>
<hr/>
<p>留言框</p>
<textarea rows="10" cols="30" >请输入内容*****
</textarea>
	<hr/>
	<p>文件上传框</p>
	<input type="file" name="myfile"><br/>
	<input type="submit" value="上传"><br/>
	</body>
</html>