HTML5測試問卷源代碼如下:
<!doctype html> <html> <head> <title>HTML5測試問卷</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>HTML5測試問卷</h1> <form action="#" method="post"> <fieldset> <legend>個人信息</legend> <p> <label for="name">姓名:</label> <input type="text" id="name" name="name" required> </p> <p> <label for="gender">性別:</label> <select id="gender" name="gender"> <option value="male">男</option> <option value="female">女</option> </select> </p> <p> <label for="age">年齡:</label> <input type="number" id="age" name="age" min="1" max="120" required> </p> </fieldset> <fieldset> <legend>問題一</legend> <p>你認為HTML5有哪些重要的新特性?(多選)</p> <p> <label><input type="checkbox" name="question1" value="video">視頻</label> <label><input type="checkbox" name="question1" value="canvas">畫布</label> <label><input type="checkbox" name="question1" value="webstorage">Web存儲</label> <label><input type="checkbox" name="question1" value="websockets">Web套接字</label> </p> </fieldset> <fieldset> <legend>問題二</legend> <p>你是否了解HTML5語義化標簽?</p> <p> <label><input type="radio" name="question2" value="yes">是</label> <label><input type="radio" name="question2" value="no">否</label> </p> </fieldset> <p><button type="submit">提交</button></p> </form> </body> </html>
通過上述代碼,我們可以看到這個HTML5測試問卷包含了個人信息、兩個問題以及提交按鈕。表單中有多選框、單選框、輸入框、下拉列表等不同類型的表單元素,也包含了輸入框的最小值和最大值限制、以及必填項的驗證。該問卷能夠幫助測試人員了解用戶對HTML5的理解和認知程度,提高測試效率。