深圳幻海软件技术有限公司 欢迎您!

表格,表单(单选框,复选框,下拉菜单)

2023-03-02

表格基本不使用了,用列表来代替,表格缓存太慢,列表是一列一列缓冲的    将表单用form包裹起来,其他东西写在form里密码里将默认的type类型test换成password(密码),可以隐藏输入的密码单选框type更改后,默认的框发生变化,radio是小圆

表格基本不使用了,用列表来代替,表格缓存太慢,列表是一列一列缓冲的

 

 

 

 将表单用form包裹起来,其他东西写在form里

密码里将默认的type类型test换成password(密码),可以隐藏输入的密码

单选框

type更改后,默认的框发生变化,radio是小圆圈,如上图,两个radio之间如果没有联系的话不能实现单选,就是可以同时选,为了满足单选需要将他们联系起来

 

用相同的name将他们连接起来,即可实现单选

 

 为了优化用户体验,给用户一个默认的选项,设置checked

 

即打开网页默认勾选男性

 为了优化用户体验,将选择范围扩大,即按男或者圆圈或者冒号均可以实现选择

 

 

复选框

 

type用checkbox即可实现多选框的设置,同时也可以添加checked来默认选择

提交按钮(可以按动的按钮)

 

 浏览器展示效果

 

下拉菜单