第一题:请用HTML5实现图3.44所示的申请表表单。相关要求如下。
教育程度:默认选中硕士。
国籍:有美国,澳大利亚,日本,新加坡,默认选中澳大利亚。
单击文字相应的文本框得到焦点。
第二题:请用HTML5实现3.45所示的电子产品调查表表单。相关要求如下:
购买日期:“月”下拉列表框为1~12月,“日”下拉列表框为1~31日。
您是否查看过我们的在线产品目录:默认选中“是”。
单击文字相应的文本框得到焦点。
所有的表单元素不能为空。
使用placeholder属性为表单元素添加提示文字。
“重置”按钮禁止操作。
不需要用pattern写验证条件(后续课程会详细学习,到时候再添加)。
</p><p> 您是否查看过我们的在线产品目录? <input type="radio" name="gender" id="yes" checked/> <label for="yes">是</label> <input type="radio" name="gender" id="no"/> <label for="no">否</label></p><p> 如果查看过,您对哪些产品有兴趣购买?(选择提供的产品)<br> <input type="checkbox" name="interest" id="television"/> <label for="television">大屏幕电视机</label> <input type="checkbox" name="interest" id="audio"/> <label for="audio">音频设备</label> <input type="checkbox" name="interest" id="video"/> <label for="video">视频设备</label> <input type="checkbox" name="interest" id="camera"/> <label for="camera">相机</label></p><p> 在填写订单前,您还有什么问题,意见或建议?<br> <textarea name="textarea" cols="40" rows="3">您的输入: </textarea></p><p> <input type="submit" name="butButton" value="提交"/> <input type="reset" name="butReset" value="重置"disabled/></p></form></body></html>文章来源: 表单 第三章