【HTML5】调查问卷制作简约版

最新推荐文章于 2024-10-18 17:00:10 发布

一只爱打拳的程序猿

最新推荐文章于 2024-10-18 17:00:10 发布

阅读量1.3w

点赞数 24

分类专栏： HTML5+CSS 文章标签：前端 html5 css

本文链接：https://blog.csdn.net/weixin_64916311/article/details/127946686

版权

当你第一次使用CSS时候

前言：

大家好，我是拳击哥带你捶键盘。首先感谢您的到来😘，今天给大家带来的是前端静态版调查问卷的设计，运用表单中radio单选框、checkbox复选框、date日历、required属性等属性以及textarea标签、button标签来制作一个简易的调查问卷。

1、调查问卷网页展示及源码

1.1html源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>制作调查问卷</title>
		<link href="11_14.css" rel="stylesheet" type="text/css"/>
	</head>

	<body>
		<div class="index">
		<h1 class="biaoti">调查问卷</h1>
		<hr width="597px" color="black"/>
		<form class="biaodan">
			<ol>
				<li>请选择今天的日期</li>
				<label><input type="date" name="riqi"/></label>
				<br />
				<br />
				<li>你的学历是？</li>
				<label><input type="radio" name="xueli" ></label>高中及以下<br />
				<label><input type="radio" name="xueli"/></label>大专<br />
				<label><input type="radio" name="xueli"/></label>本科<br />
				<label><input type="radio" name="xueli"/></label>硕士研究生<br />
				<br />
				<li>你从事拳击/健身教练的时间？</li>
				<label><input type="radio" name="time1"/></label>刚开始<br />
				<label><input type="radio" name="time1"/></label>1~2年<br />
				<label><input type="radio" name="time1"/></label>3~4年<br />
				<label><input type="radio" name="time1"/></label>5~10年<br />
				<br />
				<li>你是通过什么渠道学会拳击/其他这项技术的？</li>
				<label><input type="radio" name="jishu"/></label>部队<br />
				<label><inp