`

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
改成后者以后,还真的好了:)
分享到:
评论

相关推荐

    文本框size&maxlength区别

    在实际开发中,为了增强网页的可用性和安全性,`size`和`maxlength`常常与其他验证机制(如JavaScript验证、服务器端验证或HTML5的`pattern`属性)一起使用,以确保用户输入的数据既符合格式要求,又不会对系统造成...

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

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

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

    - 常用属性:`name`(标识输入框的名称),`value`(初始文本内容),`maxlength`(最大输入字符数),`size`(显示宽度)。 2. **密码输入框(password)** - 描述:用于输入密码,内容以星号或圆点隐藏,保护用户隐私。...

    input 标签的属性

    &lt;input type="text" name="yourname" size="30" maxlength="20" value="初始宽度为30,最大长度为20"&gt; 只读模式: &lt;input type="text" name="yourname" size="30" maxlength="20" readonly value="只读状态"&gt; ...

    控制input输入的长度尺寸

    可以使用 style 属性来控制 input 输入框的长度尺寸,例如:`&lt;input type="text" style="width:360px;" /&gt;`。也可以使用 CSS 来控制,例如:`.test { height: 16px; width: 120px; } &lt;input class="test" type="text...

    input资源的格式

    在网页设计与开发中,`input`元素扮演着极其重要的角色,它允许用户输入数据,并通过不同的属性实现多种功能。本文将详细解析`input`的不同类型及其在实际开发中的应用技巧。 #### 二、`input`类型详解 ##### 1. `...

    INPUT的TYPE用法

    &lt;input type="text" name="yourname" size="30" maxlength="20" value="默认为30宽,限制为20"&gt; &lt;input type="text" name="yourname" size="30" maxlength="20" readonly value="只可阅读"&gt; ``` ### 2. `...

    使用HTML开发商业网站-表单控件-input课件.pptx

    `name` 属性用于标识输入框,`value` 用于设置默认文本,`maxlength` 限制了用户可以输入的最大字符数。 示例: ```html &lt;input type="text" name="username" value="请输入用户名" maxlength="20"&gt; ``` 2. **...

    HTML5表单中input元素及属性.pdf

    HTML5中的`&lt;input&gt;`元素是网页表单的核心组成部分,用于创建各种用户输入接口。它支持多种输入类型,使得开发者能够构建功能丰富的交互式表单。以下是对标题和描述中涉及的知识点的详细说明: 1. **输入类型(type...

    常用限制input的方法

    &lt;input type="text" maxlength="9" onkeyup="if (value.match(/^\d{3}$/)) value = value.replace(value, parseInt(value / 10)); value = value.replace(/\.\d*\./g, '.')" onkeypress="if ((event.keyCode || ...

    js各种限制input输入汇总

    &lt;input type="text" maxlength="9" onkeyup="if(value.match(/^\d{3}$/))value=value.replace(value,parseInt(value/10));value=value.replace(/\.\d*\./g,'.')" onkeypress="if((event.keyCode||event.keyCode&gt;57)&...

    input之怎么清除默认值

    &lt;input name="username" type="text" value="first name.last name" size="15" maxlength="60"&gt; ``` 在上面的代码中,value 属性指定了输入框的默认值为 "first name.last name"。现在,我们需要在用户点击输入框时...

    HTML标签分类及其属性.pdf

    - &lt;input&gt;标签用于创建输入字段,它的属性包括type、name、value、checked、maxlength、size等。type属性定义了输入字段的类型,如text、password、checkbox、radio、submit、reset、file、hidden、image等。 - ...

    Html_input

    4. **尺寸与最大最小长度(size, maxlength, minlength属性)**: - `size`定义了输入字段的宽度,通常用于文本输入框。 - `maxlength`限制了用户可以输入的最大字符数。 - `minlength`规定了输入的最小字符数。 ...

    HTML常用的标签和属性.doc

    &lt;input type="password" name="password" size="20" maxlength="20"&gt; ``` #### 二十、文件域标签 `&lt;input type="file"&gt;` - **属性**: - `name`:设置输入字段的名字。 - **示例**: ```html &lt;input type=...

    Element Input输入框的使用方法

    - 还有更多属性如 `disabled`、`size`、`readonly`、`autofocus` 等,可以查看官方文档获取详细信息。 在实际开发中,结合这些属性和插槽,我们可以灵活地构建各种复杂的输入框组件,满足不同场景的需求。Element ...

    js达到文本框的最大长度时跳到下一个文本框

    &lt;input size="3" tabindex="1" maxlength="3" onkeyup="checkLen(this, this.value)"&gt; &lt;input size="2" tabindex="2" maxlength="2" onkeyup="checkLen(this, this.value)"&gt; &lt;input size="3" tabindex="3" ...

    HTML基础属性解释

    - `size`, `value`, `maxlength`, `readonly` 是文本输入字段的属性,分别控制大小、默认值、最大长度和只读状态。 - `&lt;select&gt;&lt;/select&gt;` 创建下拉列表,`size` 和 `multiple` 控制其显示样式,`&lt;option&gt;` 添加...

    html网页表单制作.doc

    * maxlength属性定义最多输入的字符数 * value属性定义文本框的初始值 三、密码框&lt;input type=”password”&gt; 密码框是一种特殊的文本框,它的不同之处是当输入内容时,均以*表示,以保证密码的安全性。语法格式为...

Global site tag (gtag.js) - Google Analytics