input常见属性

最新推荐文章于 2023-04-23 17:27:08 发布
最新推荐文章于 2023-04-23 17:27:08 发布
阅读量1.3k 收藏 1
点赞数 1
分类专栏： 前端 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/whatareyougoo/article/details/112537751
版权
  • type属性：定义input输入框类型，如颜色，日期，单选等等
  • placeholder属性：用于为input类型的输入框提供相关提示信息，它在输入信息为空时以灰色显示出来而输入框获得焦点时自动消失
  • required属性：用于在form表单提交数据前，为input类型的输入框规定必须填入数据，如果未输入则有错误信息提示
  • pattern属性：用于在form表单提交数据前为input类型的输入框规定数据必须符合正则表达式，如果格式不正确则有错误信息提示
  • disabled属性：用于禁用input类型的输入框，被禁用的输入框既不可用也不能单击可以设置disabled属性直到满足某些其他的条件为止，例如选择了一个复选框等
秋水小白
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js修改input的type属性问题探讨
12-11
在JavaScript中，修改`<input>`元素的`type`属性是一项常见的需求，特别是在处理表单交互和动态界面更新时。然而，这个操作并非在所有浏览器中都行为一致，特别是对于已存在于页面DOM（文档对象模型）中的`<input>`...
3.HTML5表单验证系列
qq_42636335的博客
12-25 686
基本表单验证特性介绍 1.输入框内的灰色提示：placeholder 2.html5表单中新增类型：email、url、numbe、range、date（date、month、week、time、datetime、datetime-local）、search、color、tel等 3.文本框中，输入一次下一次再输入会自动提示：autocomplete 还可以运用此特性去掉Chrome记住密码后自动填充表单的黄色背景 设置表单属性autocomplete="off/on"关闭自动填充表单，自己实现记住.
input 输入框的底层提示信息
qq_35553465的博客
05-24 2999
添加一个  placeholder   属性之后，输入框在未输入东西的情况下，会显示灰色的提示信息。
给html input 输入框添加灰色提示信息 ，例如：请输入密码提示信息
从零开始的博客
09-09 1873
placeholder="这里输入文字" size="22" // 隐藏但不消失，但是点击不消失 ,自己用这种 onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style=...
Input属性详解
qq_48621951的博客
07-29 1万+
注意radio（单选框）需要value值相等才可以实现单选的功能，value值可以随意设。（1）当inputtype=“text”、“password”、"hidden"时，定义输入字段的初始值；（2）当inputtype=“button”、“reset”、"submit"时，定义按钮上的显示的文本；（3）当inputtype=“checkbox”、“radio”、"image"时，定义与输入相关联的值；1.name属性元素的名称，也就是name的值代表当前input元素的名字；...
文本框中灰色提示性文字
qq_37860994的博客
05-06 4629
灰色提示性文字 很多网站的文本框都有灰色提文字，一点即消失，鼠标移开又出现，将下面这段代码加载到input 中即可实现。 value="你的提示文字" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;...
ie8下修改input的type属性报错的解决方法
09-04
在本文中，我们讨论的是一个常见的前端开发问题，即在IE8下尝试动态修改`<input>`标签的`type`属性时遇到的错误。在其他现代浏览器如Chrome、Firefox以及IE9及更高版本中，可以正常地通过JavaScript或jQuery的`attr...
Android编程开发之EditText中inputType属性小结
09-02
以下是一些常见的 `inputType` 值及其用途： 1. `android:inputType="none"`：默认设置，不指定任何特定的键盘类型。 2. `android:inputType="text"`：基本的文本输入，通常包含字母、数字和标点符号。 3. `android...
JavaScript获取并更改input标签name属性的方法
10-23
在JavaScript中，对HTML元素进行操作是常见的任务，特别是对于表单元素，如`input`标签，因为它们经常需要动态地获取或更改属性值。在本篇内容中，我们将深入探讨如何利用JavaScript来获取和更改`input`标签的`name`...
input 标签的属性
09-27
#### 二、常见类型与属性 ##### 1. `type="text"` - 文本输入框 文本输入框是最基本的一种输入类型，主要用于收集用户的文本信息。 - **type**: 设置为"text"表示这是一个文本输入框。 - **name**: 为输入框指定一个...
input文本框里面显示提示信息
11-23
input文本框里面显示提示信息，鼠标点击文本框提示信息自动消失！
php输入框显示灰色,JS实现输入框内灰色文字提示
weixin_39827036的博客
03-25 247
这次给大家带来JS实现输入框内灰色文字提示，JS实现输入框内灰色文字提示的注意事项有哪些，下面就是实战案例，一起来看一下。如何通过js实现html的placeholder属性效果呢我们需要这样做：JS实现placeholder属性效果function bl(){var a=document.getElementById("inpt");if(a.value.length<=0){a.styl...
input标签属性简述
热门推荐
不负韶话
07-07 3万+
一、input标签属性介绍 input标签有许多属性，如：type,name,id,value，style等 name属性：表示元素的名称，也就是name的值代表当前input元素的名字； id属性：用于css引用或者其他引用 value属性：表示当前input框内显示的文字 style属性：用于设置css样式。如颜色，背景色等 type属性:用于设置输入框的类型，最重要的属性 如图： 以上属性中，type属性最重要，接下来讲解其type属性。 二、input标签的t
[安卓] TextView与EditText
weixin_41447724的博客
02-13 260
textview  显示文本框edittext   输入文本框共同具有的属性有   id   wight  hight   text   textsize textcolor background特有属性（edittext）  hint   输入提示文本   （输入框内灰色提示信息）                                 inputtype   输入文本类型     关于...
＜Input /＞输入框及input的相关属性
outstanding木槿
04-23 4390
accept属性用来规定能够通过文件上传进行提交的文件类型。type="button"、"reset"、"submit"用于定义按钮上的显示的文本。readonly属性可与type="text"或"password"的input元素配合使用。type="text"、"password"、"hidden"用于定义输入字段的初始值。type="checkbox"、"radio"、"image"用于定义与输入相关联的值。该属性只能与type="text"或type="password"的input元素配合使用。
input各种属性的使用
zjbkzj的博客
05-19 818
input各种属性的使用
HTML5 表单属性
thgj0006的博客
03-27 442
required 属性适用于以下类型的 标签：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。autocomplete 适用于 标签，以及以下类型的 标签：text, search, url, telephone, email, password, datepickers, range 以及 color。
微信小程序文本输入＜input/＞ 详解
代码小疯子
12-12 2万+
在微信小程序开发中，input 用来实现文本输入，如输入用户名密码等等
<input/>标签中默认提示文字
一轮明月半城沙
09-26 3036
在标签中有默认提示文字，当点击时文字消失等交替效果，用到的事件是onfocus和onblur，代码如下：<td width="20%"><input type="text" id="ALIASCN" name="ALIASCN" value="通用名称" onfocus="javascript:if(this.value=='通用名称') this.value='';" onblur="javasc
HTML 中 input标签常见属性和用法
最新发布
04-28
HTML 中 input 标签是用来创建用户输入表单的元素，它有很多属性和用法，以下是常见的一些： 1. type 属性：用来指定 input 的类型，包括 text、password、checkbox、radio、submit、reset、button、file 等。 2. name 属性：用来指定 input 的名称，用于后台处理表单数据。 3. value 属性：用来指定 input 的值，对于 type 为 text、password、hidden、submit、reset、button 等类型的 input，value 属性表示默认值；对于 type 为 checkbox、radio 等类型的 input，value 属性表示被选中的值。 4. placeholder 属性：用来指定 input 的占位符，显示在 input 为空时的提示文字。 5. required 属性：用来指定 input 是否为必填项。 6. disabled 属性：用来指定 input 是否禁用。 7. readonly 属性：用来指定 input 是否只读。 8. autofocus 属性：用来指定 input 是否自动聚焦。 9. multiple 属性：用来指定 input 是否允许多选，仅适用于 type 为 file 的 input。 10. accept 属性：用来指定 input 可接受的文件类型，仅适用于 type 为 file 的 input。 11. size 属性：用来指定 input 的宽度，以字符为单位。 12. maxlength 属性：用来指定 input 可接受的最大长度。 13. min 属性和 max 属性：用来指定 input 可接受的最小值和最大值，仅适用于 type 为 number、range、date、time、datetime-local 的 input。 14. step 属性：用来指定 input 的步长，仅适用于 type 为 number、range 的 input。 以上是常见的一些 input 属性和用法，不同的 input 类型可能还有其他特殊的属性和用法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值