HTML---表单案例
程序员文章站
2022-06-12 13:22:46
...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h2>用户注册</h2>
<form action="" method="get" enctype="multipart/form-data">
用户名：<input type="text" name="usr_name" value="无名氏">
<br>
密码：<input type="password" name ="pwd" size="20" maxlength="6">
<br>
年龄：<input type="text" name="age" value="18">
<br>
性别：<input type="radio" name="sex" value="male">
<img src="../image/male.gif" alt="">
<input type="radio" name="sex" value="famale"checked>
<img src="../image/famale.gif" alt="">
<br>
爱好：
<input type="checkbox" name="hobby" value="eat">吃饭
<input type="checkbox" name="hobby" value="sleep">睡觉
<input type="checkbox" name="hobby" value="doudou">打豆豆
<hr>
头像：
<input type="file" name="head" accept="image/jpeg">
<input type="hidden" name="usr_id" value="9528">
<hr>
<input type="submit" value="注册">
<input type="reset" value="重置">
<hr>
<input type="image" src="../image/submit.gif">
<input type="image" src="../image/reset.gif">
<hr>
<input type="button" value="普通按钮">
</form>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="">
学历：
<select name="degree" >
<option value="0">--请选择学历--</option>
<option value="dazhuan">大专</option>
<option value="benke">本科</option>
<option value="yanjiusheng">研究生</option>
<option value="shoushi">硕士</option>
</select>
<br>
城市：
<select name="" >
<option label="山西省"></label>
<option value="taiyuan">太原</option>}
<option value="datong">大同</option>}
<option value="changzhi">长治</option>}
</option>
<option label="山东省"></label>
<option value="jinan">济南</option>}
<option value="qingdao">青岛</option>}
<option value="nanjing">南京</option>}
</option>
<option label="江苏省"></label>
<option value="rzhao">日照</option>}
<option value="yangzhou">扬州</option>}
<option value="xuzhou">徐州</option>}
</option>
</select>
<br>
个人简历：
<textarea name="intrduct"></textarea>
<br>
服务协议：
<textarea name="inteduce" rows="10" cols="20" readonly>
请遵守本网站的相关协议
请遵守本网站的相关协议
请遵守本网站的相关协议
请遵守本网站的相关协议
请遵守本网站的相关协议
</textarea>
<hr>
<input type="submit">
</form>
</body>
</html>上一篇： 用jquery制作的简单轮播图
下一篇： 6月份野菜，这里有一份野菜指南请收下