表单 第三章

匿名 (未验证) 提交于 2019-12-03 00:26:01

第一题:请用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>



文章来源: 表单 第三章
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!