Input的size与maxlength属性的区别

简介: 最近做项目用到input的size和maxlength属性,以前只顾用没有用心去看看这2个标签的区别,今天周末baidu了一下,有所理解。特记录于此!   Name:    Name2:  maxlength="5",则input输入框中只能够输入5个字符 size="5",表示input输入框只显示5个可见的字符,但你可以输入'无数'多字符内容 即:size属性规定输入字段的宽度(此处即是Name2文本框只显示5个字符大小的宽度), 由于 size 属性是一个可视化的设计属性,我们应使用 CSS 中的width来代替它。

最近做项目用到input的size和maxlength属性,以前只顾用没有用心去看看这2个标签的区别,今天周末baidu了一下,有所理解。特记录于此! 
  <p>Name: <input type="text" name="fullname" maxlength="5" /></p> 
  <p>Name2: <input type="text" name="fullname" size="5" /></p>
<i> 

maxlength="5",则input输入框中只能够输入5个字符<br/> 
size="5",表示input输入框只显示5个可见的字符,但你可以输入'无数'多字符内容<br/> 
即:size属性规定输入字段的宽度(此处即是Name2文本框只显示5个字符大小的宽度),<br/> 
由于 size 属性是一个可视化的设计属性,我们应使用 CSS 中的width来代替它。 
CSS 语法:<input style="width:100px"/> 
</i> 
<br/> 

目录
相关文章
|
3月前
|
Web App开发 前端开发 iOS开发
input中typedate的属性都有那些
input中typedate的属性都有那些
|
3月前
|
缓存 JavaScript 前端开发
通过id给input框和div赋值,修改属性值。
通过id给input框和div赋值,修改属性值。
42 0
通过id给input框和div赋值,修改属性值。
|
5月前
|
数据安全/隐私保护
input中常用的type属性与使用场景
input中常用的type属性与使用场景
20 0
|
6月前
|
数据安全/隐私保护
input表单的23个type属性
input表单的23个type属性
|
9月前
|
JavaScript 前端开发 数据安全/隐私保护
input的23种属性
input的23种属性
|
JavaScript
input中placeholder属性
input中placeholder属性
input中placeholder属性
|
Web App开发 JavaScript 数据安全/隐私保护
ie8下修改input的type属性报错
ie8下修改input的type属性报错
ADI
|
JavaScript 前端开发 API
[记录] input[type=file]属性详解
[记录] input[type=file]属性详解
ADI
232 0
|
监控
Element el-input-number 计数器详解
本文目录 1. 用途 2. 基本用法 3. 指定最大、最小值 4. 监控数值变化 5. 自定义步数 6. 自定义精度 7. 调整按钮位置 8. 小结
1270 0
Element el-input-number 计数器详解
深入学习checkbox类型的input元素
先看 一段选中所有页面check类型的代码 $("#SelectBtn").click(function(){var state=$("#SelectAll").attr("checked");if(state != true){ selectAll() $("#SelectAll").
708 0