HTML5作為新一代的標記語言,可實現許多豐富多彩的Web應用程序。其中之一是創建問卷調查頁面的功能。以下是使用HTML5代碼實現問卷調查頁面的示例。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>問卷調查頁面</title>
</head>
<body>
<h1>問卷調查</h1>
<p>感謝您參加本次問卷調查!請回答以下問題:</p>
<form action="" method="post">
<p>1. 您的年齡范圍是?</p>
<ul>
<li><input type="radio" name="age" value="1"><label>18-25</label></li>
<li><input type="radio" name="age" value="2"><label>26-35</label></li>
<li><input type="radio" name="age" value="3"><label>36-45</label></li>
<li><input type="radio" name="age" value="4"><label>46及以上</label></li>
</ul>
<p>2. 您的性別是?</p>
<ul>
<li><input type="radio" name="gender" value="1"><label>男</label></li>
<li><input type="radio" name="gender" value="2"><label>女</label></li>
</ul>
<p>3. 您最喜歡的電影類型是?</p>
<ul>
<li><input type="checkbox" name="movie" value="1"><label>愛情</label></li>
<li><input type="checkbox" name="movie" value="2"><label>動作</label></li>
<li><input type="checkbox" name="movie" value="3"><label>喜劇</label></li>
<li><input type="checkbox" name="movie" value="4"><label>科幻</label></li>
</ul>
<p>4. 您認為本網站的頁面設計如何?</p>
<ul>
<li><input type="radio" name="design" value="1"><label>非常優秀</label></li>
<li><input type="radio" name="design" value="2"><label>一般</label></li>
<li><input type="radio" name="design" value="3"><label>不夠好</label></li>
<li><input type="radio" name="design" value="4"><label>需要改進</label></li>
</ul>
<p><input type="submit" value="提交"></p>
</form>
</body>
</html>
在示例代碼中,使用