`

Input的size与maxlength属性的区别

阅读更多
最近做项目用到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/>


具体是:用JavaScript来修改该属性.
刚开始在Javascript里面是死活取不出该属性的值,没办法,去网上搜搜吧.没仔细看,就是感觉我跟他们写的没有什么差别啊,我就不信了,还弄不好它?可是就是弄不好
最后,仔细看了网上的一个,发现还真有点问题,我没有大写,书写的时候全是小写字母.
readonly <====> readOnly
改成后者以后,还真的好了:)
分享到:
评论

相关推荐

    Input的size与maxlength属性的区别自我理解

    最近做项目用到input的size和maxlength属性,以前只顾用没有用心去看看这2个标签的区别,今天周末baidu了一下,有所理解。特记录于此! 复制代码代码如下: &lt;p&gt;Name: &lt;input type=”text” name=”fullname” ...

    HTML5&CSS3网页制作:Input元素的type属性.pptx

    Input元素的type属性 Input元素 01 Input元素 普通文本框 密码文本框 按钮 Input元素 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 ...

    html5定制表单_动力节点Java学院整理

    HTML5中存在多种不同的输入框和...maxlength属性设定用户能够输入的字符的最大数目;size属性设定了文本框能够显示的字符数目。 &lt;form method=post action=http://titan:8080/form&gt; &lt;p&gt;&lt;label for=name&gt;Name:

    HTML5基础知识-HTML5表单.pptx

    "文本框的名字" value= "默认的文本" size= "文本框的宽度" maxlength= "允许输入的最大字符数" required=“是否必须输入” placeholder=“占位符”……&gt;1表单元素-文本框value =“…”文本框中将默认填充该文字

    html入门到放弃笔记

    3、属性的值 与 属性之间 使用 "=" 连接 4、一个元素允许有多属性,多属性间,排名不分先后,中间用 空格 隔开即可 Demo : 1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的...

    react-month-picker-input:带有掩码和日历的React的月选择器输入

    如果同时指定了年份和月份,则输入字段也将被预先填充inputProps 目的空物体输入字段属性,支持以下属性: id , name , className , size , maxLength , required 。 onChange 功能:(maskedValue:字符串,...

    JavaScript文本框脚本编写的注意事项

    size特性,可以指定文本框内能够显示的字符数。 value属性可以设置文本框的初始值。 maxlength特性则是用于指定文本框内可以接受的最大字符数。 textarea的初始值则必须放在开始和结束标签之内。 cols是文本框...

    详解vue如何使用rules对表单字段进行校验

    1、在代码中,添加属性::rule &lt;Form ref=loginForm :model=form :rules=rules...Input v-model=form.phone prefix=md-person placeholder=请输入您的手机号 size=large class=login-form-input :maxlength=11&gt;

    java 正则表达式

    "&gt;&lt;input name="coname" type="text" size="50" maxlength="35" class="input2" onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/...

    ASP.NET程序中常用的三十三种代码.txt

    ASP.NET程序中常用的三十三种代码 1. 打开新的窗口并传送参数:  传送参数: response.write("&lt;script&gt;window.open(’*.aspx?id="+this.DropDownList1.SelectIndex+"&id1="+...+"’)&lt;/script&gt;") ...

    ASP.NET常用代码

    ASP.NET常用代码 1. 打开新的窗口并传送参数: 传送参数: response.write("&lt;script&gt;window.open('*.aspx?id="+this.DropDownList1.SelectIndex+"&id1="+...+"')&lt;/script&gt;") 接收参数: string a = Request....

Global site tag (gtag.js) - Google Analytics