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

  • 表格,表单(单选框,复选框,下拉菜单)已关闭评论
  • 19 次浏览
  • A+
所属分类:Web前端
摘要

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

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

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

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

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

 

 

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

 

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

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

单选框

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

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

 

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

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

 

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

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

 

即打开网页默认勾选男性

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

 

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

 

复选框

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

 

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

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

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

 

 浏览器展示效果

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

 

下拉菜单

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

 

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

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

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