没有合适的资源?快使用搜索试试~ 我知道了~
input域问题.txt
需积分: 10 0 下载量 131 浏览量
2020-01-17
14:55:14
上传
评论
收藏 3KB TXT 举报
温馨提示
试读
3页
常用的前段开发input域问题,等各种坑的总结
资源推荐
资源详情
资源评论
设置input域值的三种方式
1.初始化设置,通过在标签中设置value属性,设置input域的值
2.通过原生js设置,eg:
document.getElementById(“input”).value = 2
注:这种方式会同时改变value属性和input域的值
3.通过jQuery的val方法
(“input”).val(3);注:这种方式会改变input域的值,但不会修改value属性的值。4.通过jQuery的attr方法,eg(“input”).attr({“value”:2});
注:这种方式会同时改变value属性和input域的值,不过有局限性,即当你未手动输入时,此方法有效,当你手动给它赋值后,用此方法就不起作用了
总结:有时需要把一个input标签从一个位置调整到另一个位置,调整后input的值就是input标签中value属性的值,
如果你修改值的方式并没有修改到value属性,那么调整后你设置的值就会丢失。
图片,按钮,文字和单元格都可以用vertical-align属性。
1、inline-table元素的baseline是它的table第一行的baseline。
2、父元素【line box】的baseline是最后一个inline box 的baseline。
3、inline-block元素的baseline确定规则
规则1:inline-block元素,如果内部有line box,则inline-block元素的baseline就是最后一个作为内容存在的元素[inline box]的baseline,
而这个元素的baseline的确定就要根据它自身来定了。
规则2:inline-block元素,如果其内部没有line box或它的overflow属性不是visible,那么baseline将是这个inline-block元素的底margin边界
veritical-align的对象,就是谁要进行垂直方向上进行对齐,对象主要有inline元素
、inline-block元素和普通文本框等。(table-cell元素本文不作考虑)
1.初始化设置,通过在标签中设置value属性,设置input域的值
2.通过原生js设置,eg:
document.getElementById(“input”).value = 2
注:这种方式会同时改变value属性和input域的值
3.通过jQuery的val方法
(“input”).val(3);注:这种方式会改变input域的值,但不会修改value属性的值。4.通过jQuery的attr方法,eg(“input”).attr({“value”:2});
注:这种方式会同时改变value属性和input域的值,不过有局限性,即当你未手动输入时,此方法有效,当你手动给它赋值后,用此方法就不起作用了
总结:有时需要把一个input标签从一个位置调整到另一个位置,调整后input的值就是input标签中value属性的值,
如果你修改值的方式并没有修改到value属性,那么调整后你设置的值就会丢失。
图片,按钮,文字和单元格都可以用vertical-align属性。
1、inline-table元素的baseline是它的table第一行的baseline。
2、父元素【line box】的baseline是最后一个inline box 的baseline。
3、inline-block元素的baseline确定规则
规则1:inline-block元素,如果内部有line box,则inline-block元素的baseline就是最后一个作为内容存在的元素[inline box]的baseline,
而这个元素的baseline的确定就要根据它自身来定了。
规则2:inline-block元素,如果其内部没有line box或它的overflow属性不是visible,那么baseline将是这个inline-block元素的底margin边界
veritical-align的对象,就是谁要进行垂直方向上进行对齐,对象主要有inline元素
、inline-block元素和普通文本框等。(table-cell元素本文不作考虑)
资源评论
qq_24867173
- 粉丝: 0
- 资源: 15
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 人脸检测-使用OpenCV实现的动漫+漫画人脸检测算法-附项目源码-优质项目实战.zip
- 道路贴图,材质材料免费
- 58234458141025
- 人脸检测-基于OpenCV+Node.js+WebSockets实现的实时人脸检测应用-附项目源码-优质项目实战.zip
- 一些常见的MySQL死锁案例-mysql-deadlocks-master(源代码+案例+图解说明)
- UE4动画烘焙器-ue4.27
- 新建文件夹.zip
- 1103a2a791bbd96ea98021062e327495b1c422e32fb27e0c2d6404b1bd74b692.gif
- 同城相亲交友php小程序
- stm32f103实现的按键FIFO
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功