鱼C论坛

 找回密码
 立即注册
查看: 3197|回复: 7

[原创] HTML5各种表单小案例

[复制链接]
发表于 2021-4-25 18:03:56 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
效果图
ft5.png
知识清单
  1.     <!--4.30
  2.         表单稍微进阶的一个小案例
  3.         多了 单选、下拉、多选、输入、提交、文本、框
  4.         发现:vscode中不需要全部选中某一行,直接ctrl+c,然后粘贴也能粘贴某一行的全部内容
  5.         细节1:input的radio,单选框必须要有相同的name属性值
  6.         <input type="radio" name="sex" id="nan"> <label for="nan"><img src="images/man.jpg"> 男</label>
  7.         上面的实现了你不管是点击了图片还是文字都能选中那个表单 注意label中的for对应前面input的id
  8.         细节2:多选框的选项是用option来设置的,且组合是<select><option>...</option></select>的组合
  9.         细节3:文本输入框的value属性可以让文本框默认写上文字
  10.         细节4:如果想让一个单选按钮默认选中一项的话input中加上:checked="checked"
  11.      -->
复制代码

源码
注册案例.zip (3.56 KB, 下载次数: 7, 售价: 3 鱼币)

评分

参与人数 1荣誉 +5 鱼币 +4 收起 理由
小伤口 + 5 + 4 感谢楼主无私奉献!

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2021-4-26 15:07:53 From FishC Mobile | 显示全部楼层
学习了,厉害
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-4-26 15:32:37 | 显示全部楼层

这只是开始后边会更牛哒,哈哈
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-4-26 15:33:57 From FishC Mobile | 显示全部楼层
肖-肖 发表于 2021-4-26 15:32
这只是开始后边会更牛哒,哈哈

我只会一丢丢html,羡慕的眼光
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-4-26 15:41:56 | 显示全部楼层
本帖最后由 肖-肖 于 2021-4-26 15:45 编辑
小伤口 发表于 2021-4-26 15:33
我只会一丢丢html,羡慕的眼光


你发过一个单片机的,更牛啊我觉得 我应该没记错吧
我也只是自己买了个板子 入了个门就自己写了个跑灯程序
或许都不算入门~
后来就被各种作业给打断了,话说作业写实验报告是真的烦 烦 烦
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-4-26 17:01:22 From FishC Mobile | 显示全部楼层
肖-肖 发表于 2021-4-26 15:41
你发过一个单片机的,更牛啊我觉得 我应该没记错吧
我也只是自己买了个板子 入了个门就自己写了个跑灯 ...

同感,作业写实验报告快烦死了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-7-13 09:34:47 | 显示全部楼层
学习学习
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-8-26 16:47:10 | 显示全部楼层
阿这
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-5-18 11:39

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表