首页 > 其他 > 详细

前端学习-01 input属性type

时间:2019-07-11 00:31:32      阅读:105      评论:0      收藏:0      [点我收藏+]

true && true && false == false与(true && true && false) == false

1 let flag1 = true;
2 let flag2 = true;
3 let flag3 = false;
4 if(flag1 && flag2 && flag3 == false) {
5     console.log(‘true‘);  // true
6 }else {
7     console.log(‘false‘);
8 }

- true && true && false == false ---> true && true && (false == false) 结果为true
- (true && true && false) == false ---> false == false   结果为true

 

input的type属性

1, type="text"时可用属性

<!-- maxlength: 输入框中允许输入字符的最大数。
   size: 输入框的长度大小
   readonly: 只读,不可修改input内容
--> <input type="text" size="30" maxlength="3">

2. type="number"

<!-- type="number"
     max: 规定允许的最大值。
     min: 规定允许的最小值。
     step: 规定合法数字间隔(如果 step="3",则合法的数字是 min+3, min+6, min+9, 以此类推)
 -->
<input type="number" name="number" max="99" min="11" step="3">  // form的提交操作会校验,若输入不合法,则会提示

提示:iPhone 的 Safari 浏览器会识别 number 输入类型,然后改变触摸屏的键盘来适应它(显示数字)。

3. type="text"与datalist组合

<!-- type="text"与datalist组合
      - 输入框输入的值会自动匹配datalist下拉框的值,input的list属性值必须和datalist的id值一致
 -->
<input type="text" name="" list="same" size="30">
<datalist id="same">
    <option>123</option>
    <option>456</option>
</datalist>

 

url转义:encodeURI()和 decodeURI()

let url = "你好javascript";
let enStr = encodeURI(url);  // 转义url
let deStr = decodeURI(url);  // 解码转义的url
console.log(enStr);    // %E4%BD%A0%E5%A5%BDjavascript
console.log(deStr);    // 你好javascript

 

参考文章:

http://www.w3school.com.cn/html5/att_input_type.asp

https://www.cnblogs.com/wr13640959765/p/9679072.html

https://www.cnblogs.com/qiaduan/p/10289773.html

https://www.cnblogs.com/itsharehome/p/10041883.html

前端学习-01 input属性type

原文:https://www.cnblogs.com/xinghong/p/11161378.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!