前端学习-01 input属性type

最新推荐文章于 2024-08-03 10:06:27 发布

weixin_30752377

最新推荐文章于 2024-08-03 10:06:27 发布

阅读量165

点赞数

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/xinghong/p/11161378.html

版权

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

转载于:https://www.cnblogs.com/xinghong/p/11161378.html