练习-HTML表单
2024-10-07 08:29:33
<html lang="en">
<head>
<h1>大学生爱好调查</h1>
<meta charset="utf-8">
<title>大学生爱好调查</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>请花几分钟填写以下内容</p>
<hr> <form action="" method="get" class="">
<div class="form-example">
<label for="name">输入您的姓名:</label>
<input type="text" name="name" required="required"><br><br>
请输入您的E-mail: <input type="email" name="usremail" required="required"><br><br>
您的年龄段是?<select>
<option value="1">80后</option>
<option value="2">90后</option>
<option value="3">00后</option>
<option value="4">其他</option>
</select>
</div>
<div>
<p>请选择您的性别:</p>
<label><input type="radio" name="1"> 男</label>
<label><input type="radio" name="1"> 女</label>
</div>
<div>
<p>请选择您的爱好(多选):</p>
<label><input type="checkbox" name=""> 学习</label>
<label><input type="checkbox" > 运动</label>
<label><input type="checkbox" > 游戏</label>
<br><br>
<textarea rows="10" cols="30">请填写您的座右铭。
</textarea><br><br>
<input type="reset" value="重置">
<input type="submit" value="提交">
</div>
<br>
</form>
<a href="http://www.bilibili.com">友情链接!</a>
<script src="script.js"></script>
</body>
</html>
图片展示:
最新文章
- jsp include flush true
- 谢欣伦 - OpenDev原创教程 - 网络设备查找类CxNetworkHostFind &; CxNetworkAdapterFind
- Java开源框架推荐(全)
- 【jmeter】目录介绍
- HDOJ 1709 The Balance(母函数)
- 从本地上传整个目录到hdfs的java程序
- 迁移笔记:php截取文字的方法
- Spring Boot 返回 JSON 数据,一分钟搞定!
- mybatis关于ORM的使用以及设计(二)[DaoInterface 转换 Mapper代理对象]
- MyBatis 的 XML 配置文件使用说明
- poj-1236(强连通分量)
- 在Node.js中在保持目录结构的情况下压缩指定目录
- Flask wtforms实现简单的登录注册
- Let the Balloon Rise HDU水题
- c#用EPPLUS操作excel
- PAT B1050 螺旋矩阵 (25 分)
- jmeter-如何在JDBC Request中添加多条语句执行
- 经典ajax 状态响应图
- Spark Standalone模式HA环境搭建
- Java中的集合框架-Collection(一)