html ----checkbox使用

最新推荐文章于 2024-09-10 12:58:32 发布

qingsf

最新推荐文章于 2024-09-10 12:58:32 发布

阅读量792

点赞数

分类专栏： js应用文章标签： HTML JavaScript ASP CSS XHTML ViewUI

本文链接：https://blog.csdn.net/qsfwy/article/details/83262972

版权

这篇博客介绍了HTML中checkbox的使用方法，展示了如何创建选择水果的表单。同时，讲解了如何通过JavaScript判断select选项的选择状态。此外，还探讨了CSS和JavaScript结合实现的鼠标悬停显示/隐藏层的交互效果，包括鼠标经过弹出不同大小的层的动态展示。

摘要由CSDN通过智能技术生成

1.html ----checkbox使用

<html>
<head><title>选择</title></head>
<body>
请选择你喜欢的水果：<br>
<form action = "http://www.admin5.com/html/asdocs/html_tutorials/choose.asp" method = "post">
<input type="checkbox" name="fruit" value ="apple" >苹果<br>
<input type="checkbox" name="fruit" value ="orange">桔子<br>
<input type="checkbox" name="fruit" value ="mango">芒果<br>
<input type="submit" value="提交">
</form>
</body>
</html>