表单设计中<input>的size属性与maxlength属性的区别

最新推荐文章于 2022-08-20 16:04:33 发布
最新推荐文章于 2022-08-20 16:04:33 发布
阅读量1.2w 收藏 9
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012843873/article/details/51495723
版权

Name1: <input type="text" name="name1" maxlength="10" /><br>

Name2: <input type="text" name="name2" size="5" /><br>

Name3: <input type="text" name="name3" size="5" maxlength="10" />


maxlength="10"：表示输入框最多输入 10 个字符(中文也算一个字符)，超过之后将不能再输入；

size="5"：表示输入框只显示 5 个可见的字符，但可以输入无数多的字符；


谦虚使人发胖
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单
01-08
一个列表界面只有一个输入框查询条件，当首次进入在输入框中输入汉字后...input type=text id=userName name=userName size=12 maxlength='30' value=${(data.userName)!''} onKeypress= [removed]if(event.keyCode==1
html5定制表单_动力节点Java学院整理
01-21
HTML5中存在多种不同的输入框和按钮，通过设置input元素的type属性来实现，除此之外，HTML5中还支持选择列表、多行输入框等，这些元素都有自己的用途和属性，下面一一介绍。 单行文本输入框 type为text表示input元素...
HTML5&CSS3网页制作：Input元素的type属性.pptx
05-31
Input元素的type属性 Input元素 01 Input元素 普通文本框 密码文本框 按钮 Input元素 根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 描述 <input />元素是表单中最常见的元素，网页中常见的单行文本框、单选按钮、复选框等都是通过它定义的。 语法格式 <input type="控件类型" /> 说明 Input元素的type属性 02 单行文本框 描述 单行文本输入框常用来输入简短的信息，如用户名、账号、证件号码等，常用的属性有name、value、maxlength。 语法格式 <input type="text" /> 说明 属性值 含义 id 标识一个单行文本框 name 单行文本框名 value 单行文本框的初始值 size 单行文本框的长度 maxlength 在单行文本框中能输入的最大字符数 密码输入框 描述 密码输入框用来输入密码，其内容将以圆点的形式显示。 语法格式 <input type="password" /> 示例 <span>密码：</span> <i
Html入门简述
hfh1999的博客
09-08 1300
目录 1.html概述 2.html运行环境 3.html开发环境 1.html概述 html，即hyper Text Mark Language，超文本标记语言。前端工作人员入门制作简易网页内容所必须学习的计算机语言，是一种较为简单的语言，其不需要编译就可以直接在浏览器上运行。 超文本就诸如流媒体，声音，视频，图片等非纯文本内容； 标记语言：这种语言是由大量的标签组成。 例如：<标签>:开始标签 <...
前端项目开发过程中遇到的问题若干
weixin_45101949的博客
05-06 316
开发过程中遇到的问题若干 字符串 原代码 ruleForm.customerPhone = data.externalPhone.split(',')[0] ruleForm.phoneArray = data.relation.filter((item, index) => { item.isReadonly = true return item.contactRlatName === '本人' && index >
Input的size与maxlength属性的区别
Pulse的博客
11-27 5903
之前面试时，遇到过input的问题，当时很无语，平时用的时候没有太关注。现在记下Input的size与maxlength属性的区别： maxlength="5",则input输入框中只能够输入5个字符 size="5"，表示input输入框只显示5个可见的字符，但你可以输入'无数'多字符内容 ，输入框的宽度被固定了 即：size属性规定输入字段的宽度，由于 size 属性是一个可视化的设计属
js中关于length与size的区别
热门推荐
夜轩14
02-19 1万+
length与size的区别 用了很长时间的length的一直没考虑过其与size的区别，今天同事问起，特意查找资料，将两者的相同点与共同点列出来。 相同点：在jQuery中用于返回元素的个数，size()函数与length属性的作用相同。size()方法的返回值与jQuery对象的length属性一致。 语法 $("selector").size() $("selector").length ...
Input输入控件的size与maxlength及其disabled与readonly属性的区别
freshlover的专栏
03-12 6666
最近在PHP+html5的项目中，忽然意识到常用的限制输入框的两个属性，以前还没有注意到区别，现在测试了一下，区别分析如下 Input的size与maxlength属性的区别               消息ID                   " required="required" pattern="[0-9]{1,8}" autofocus="autofocus" pla
input控件的maxlength属性
weixin_52385232的博客
08-20 1088
input控件的maxlength属性
＜input＞的maxlength、size属性----＜fieldset＞与＜legend＞
qq_43575044的博客
01-05 1553
1、<input>文本框的maxlength、size属性 maxlength：文本框中可输入的字符串最大长度 size：文本框的尺寸（大小） 2、表单中的<fieldset>与<legend> 当一组表单元素放到 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。 legend标签为 fieldset 元素定义标题。 3、例： <!DOCTYPE html> <html>
input输入框为数字(number)类型时maxlength属性不起作用
小涛Dirge
11-12 1890
使用html代码解决 <input type="number" maxlength="5" oninput="if(value.length>5)value=value.slice(0,5)" /> 使用js代码解决 //输入框为数字类型时防止maxlength属性不起作用 $('input').bind('input propertychange', function() {...
HTML标签解析(一) input
weixin_47340917的博客
06-17 3369
HMTL经典标签解析（一）input基础信息使用规范类型决定作用常用的type类型1.text 普通文本输入2.password 密码字段输入三级目录 基础信息 input标签属于内联块状元素，也称为行内块元素。即拥有行内元素的特性，可以在宽度允许范围内同时使用多个，并排显示；也具有块元素的特性，在css中设置样式时，width宽度、height高度、padding内边距、margin外边距均可用。 常见的同类型元素还有：img，td等。 使用规范 form—input input标签一般用于form表单
HTML5基础知识-HTML5表单.pptx
05-06
"文本框的名字" value= "默认的文本" size= "文本框的宽度" maxlength= "允许输入的最大字符数" required=“是否必须输入” placeholder=“占位符”……>1表单元素-文本框value =“…”文本框中将默认填充该文字
详解vue如何使用rules对表单字段进行校验
12-29
1、在代码中，添加属性：:rule <Form ref=loginForm :model=form :rules=rules...Input v-model=form.phone prefix=md-person placeholder=请输入您的手机号 size=large class=login-form-input :maxlength=11>
html入门到放弃笔记
05-15
标记在使用时，用尖括号 "<>",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法：<标记>内容</标记> Demo ： 1、创建 p 标记 --<p>...</p> 2、创建 div 标记 -- <div></div> 3、创建 ...
PHP基础教程 是一个比较有价值的PHP新手教程！
04-24
与Java和Perl不同,你不必把头埋进100多页的文档中努力学习才可以写出一个象样的程序。只要了解一些基本的语法和语言特色，你就可以开始你的PHP编码之旅了。之后你在编码过程中如果遇到了什么麻烦，还可以再去翻阅...
php 文件上传系统手记
01-21
整个系统只有带码全部用PHP,没有JS,没有正则…纯纯的PHP…其实别的我也不会呵呵… 下面是原...input type=”text” name=”mapname” size=”12″ maxlength=”20″ /> <br> File Path:<br> <input type=”file”
PHP 如何向 MySQL 发送数据
12-17
input type=text name=first_name size=25 maxlength=25> 名 : < input type=text name=last_name size=25 maxlength=25> < p> < input type=submit> < /form> < /body> < /html> ...
validate.js:与标准 html 验证兼容的图形化、可定制的 jquery 验证器
05-29
验证.js 与标准 html 验证兼容的图形化、可定制的 jquery 验证器。 ##如何使用（基本）： 确保页面中包含 jquery： [removed]...input type="text" name="zip" maxlength="5" size="2" pattern="[0-9]{5}" title=
解释代码<h1 align="center" style="font-size:200%" >网上书店后台管理系统</h1> </div> <div id="formBox1"> <h3> 目录 </h3> <div > <a href="#" target="_blank">·书籍信息管理</a> <br><br> <a href="#" target="_blank">·其他模块管理</a> <br><br> <a href="#" target="_blank">·其他模块管理</a> <br><br> <a href="#" target="_blank">·其他模块管理</a> <br><br> <a href="#" target="_blank">·其他模块管理</a> </div> </div> <form action="" method="post" name="form1" target="_blank" id="form1" > <table width="50%" height="150" border:"1" style="position:absolute;left:500px;top:125px"> <tr><td style="font-size:125%">基本信息</td></tr> <tr> <td width="19%">书号：</td> <td width="81%"><label for="number"></label> <input name="number" type="text" size="25" maxlength="30" /></td> </tr> <tr> <td>书名：</td> <td><label for="name"></label> <input name="name" type="text" size="25" maxlength="30" /></td> </tr> <tr> <td>作者：</td> <td><label for="author"></label> <input name="name" type="text" size="25" maxlength="30" /></td> </tr> <tr> <td>出版社: </td> <td><select name="PressName">
最新发布
05-11
这段代码是一个简单的网上书店后台管理系统的页面...在表单中，包含了书籍的基本信息，包括书号、书名、作者和出版社。其中出版社使用了一个下拉框，供用户选择。这个表单可以用来添加新书籍或者修改已有书籍的信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值