表单

此文转载自:https://blog.csdn.net/weixin_47612165/article/details/110313349

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
</head>
<body>
	<div>
		<h3>欢迎注册本网站</h3>
		<form action="1.php">
			<p>
				请输入您的姓名:
				<input type="text" value="默认有的值,(*^__^*) 嘻嘻……" />
			</p>
			<p>
				请输入您的密码:
				<input type="password" />
			</p>
			<p>
				请选择你的性别:
				<input type="radio" name="xingbie" /><input type="radio" name="xingbie" /><input type="radio" name="xingbie" /> 保密
			</p>
			<p>
				请选择你的学历:
				<input type="radio" name="xueli" /> 幼儿园
				<input type="radio" name="xueli" /> 小学
				<input type="radio" name="xueli" /> 初中
				<input type="radio" name="xueli" /> 高中
				<input type="radio" name="xueli" /> 大学
				<input type="radio" name="xueli" /> 硕士
				<input type="radio" name="xueli" /> 博士
				<input type="radio" name="xueli" /> 更高
			</p>
			<p>
				请选择你的爱好:
				<input type="checkbox" name="aihao"/> 睡觉
				<input type="checkbox" name="aihao"/> 吃饭
				<input type="checkbox" name="aihao"/> 足球
				<input type="checkbox" name="aihao"/> 篮球
				<input type="checkbox" name="aihao"/> 乒乓球
				<input type="checkbox" name="aihao"/> 打豆豆
			</p>
			<p>
				请选择你的技能:
				<input type="checkbox" name="jineng" /> HTML
				<input type="checkbox" name="jineng" /> CSS
				<input type="checkbox" name="jineng" /> JS
			</p>
			<p>
				请选择你的籍贯:
				<select>
					<option>北京</option>
					<option>河北</option>
					<option>河南</option>
					<option>山东</option>
					<option>山西</option>
					<option>湖北</option>
					<option>安徽</option>
				</select>
			</p>
			<p>
				签名:
				<textarea rows="4" cols="80"></textarea>
			</p>
			<p>
				普通按钮:
				<input type="button" value="我是一个普通按钮" />
			</p>
			<p>
				提交按钮:
				<input type="submit" />
			</p>
			<p>
				重置按钮
				<input type="reset" />
			</p>
		</form>
	</div>
</body>
</html>

在这里插入图片描述

   

更多内容详见微信公众号:Python测试和开发

Python测试和开发

原文地址:https://www.cnblogs.com/phyger/p/14061688.html