01-input属性type

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

let flag1 = true;
let flag2 = true;
let flag3 = false;
if(flag1 && flag2 && flag3 == false) {
    console.log('true');　　// true
}else {
    console.log('false');
}

- 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