提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  工具

当前栏目

HTML--＞表单*笔记

笔记HTML -- 表单
2023-09-27 14:22:47 时间 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>输入框实例</title>
	</head>
	<body>
		<h4>输入用户信息</h4>
		<form>
			用户名：
			<input type="text" name=""/><br />
			身份：
			<input type="text" name=""/><br />
			密码：
			<input type="password" name=""/><br />
			爱好：
			<input type="checkbox" name="" />唱歌
			<input type="checkbox" name="" />游泳
			<input type="checkbox" name="" />读书<br />
			性别：
			<input type="radio" name="" checked = "checked"/>男
			<input type="radio" name="" value="female"/>女<br />
			
			<input type="image" src="../图片/微信图片_20221021091413.jpg"/>
			<input type="submit" value="提交"/>
			<input type="reset" value="重置"/>
			<input type="button" value="注册新用户"/>
			<h3>
				请选择文件：
			</h3>
			<input name="" type="file"/><br />
			<input name="" type="hidden" value="ABCDE"/>
			
			下拉链表：
			<h3>
				请选择您的课程：
			</h3>
			<select name="course" size="4" multiple>
				<option value="c1" selected>
					c/c++程序设计
				</option>
				<option value="c1">
					计算机网络
				</option>
				<option value="c1">
					数据结构
				</option>
				<option value="c1">
					Java程序设计
				</option>
				<option value="c1">
					计算机组成原理
				</option>
			</select>
		</form>
	</body>
</html>

样式效果

在这里插入图片描述

相关文章