本文详细介绍了HTML中表单的基本用法及各种输入类型的特性，包括搜索框、文件上传、颜色选择器等，并展示了如何使用submit和reset按钮进行表单提交与重置操作。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--form定义一个表单-->
<form action="" method="get">
搜索：<input type="search" placeholder="请输入搜索内容" /><br /><br />
上传：<input type="file" accept="image/gif" multiple="multiple" /><!--accept:设置类型multiple：设置可以多个-->
颜色选择： <input type="color" /><br /><br />
<input type="submit" /><!--type="submit"提交状态，点击即可提交 -->
<input type="reset" /><!--type="reset"重置按键 -->
</form>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--form定义一个表单-->
<form action="" method="get">
搜索：<input type="search" placeholder="请输入搜索内容" /><br /><br />
上传：<input type="file" accept="image/gif" multiple="multiple" /><!--accept:设置类型multiple：设置可以多个-->
颜色选择： <input type="color" /><br /><br />
<input type="submit" /><!--type="submit"提交状态，点击即可提交 -->
<input type="reset" /><!--type="reset"重置按键 -->
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
