input 输入框 常用属性

最新推荐文章于 2025-08-02 22:25:36 发布
原创 最新推荐文章于 2025-08-02 22:25:36 发布 · 2.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何使用JavaScript控制HTML中输入框的状态，包括禁用、只读及改变显示样式的方法，并对比了不同方式间的区别。

1.disabled 禁用(输入框变灰,无法使用)

document.getElementById("date").disabled="disabled";

这样id=date的输入框就禁用了，在form跳转时,也是不会传值的


2.readOnly只读(输入框不能修改)

document.getElementById("money1").readOnly = "true";

3.display显示样式(输入框显示样式)

none：隐藏对象，与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间

inline：指定对象为内联元素。
document.getElementById("date").style.display = "none";

4.visibility显示属性

此属性为隐藏的对象保留其占据的物理空间，如果希望对象为可视，其父对象也必须是可视的

document.getElementById("date").css.visibility = "hidden";


【前端】input表单 type属性详解
A_aspectJ的博客
03-19 7935
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下， 什么样的数据均可以输入。而通过不同的type属性值，可以限制输入的内容。
HTML中input输入框（详解输入框的用法）
热门推荐
百赢出品，必属精品
04-30 2万+
input>元素是HTML表单中最常见的元素之一，用于收集用户的输入数据。它可以包含多种类型的输入，如文本、密码、数字等。通过指定不同的type属性，可以定义不同类型的输入字段。类型（type）属性定义输入字段的类型，如文本框、密码框、单选按钮、复选框等。常见类型包括textpasswordradiocheckboxfile等。名称（name）属性用于标识输入字段的名称，以便在表单提交时能够将数据传输到服务器。对于单选按钮和复选框，相同名称的一组按钮被视为一个组，只能选择其中的一个或多个。
＜input＞标签常用的事件属性
最新发布
2302_76402642的博客
08-02 433
onInvalid ：输入内容不符合验证规则（如 required 、 pattern ）时触发（常用于提交表单时）。- onInput ：输入框内容实时变化时触发（如打字、删除、粘贴等），无需等待失去焦点。- onSelect ：输入框中的文本被选中时触发（如用鼠标选中部分内容）。- onFocus ：输入框获得焦点时触发（如用户点击输入框准备输入）。- onBlur ：输入框失去焦点时触发（如用户点击输入框外区域）。- onMouseOut ：鼠标指针离开输入框时触发。
【HTML+CSS】HTML ＜input＞ 元素详解：类型与常用属性
Xiaoxin的博客
07-29 3175
在HTML中，元素是最常用的表单元素之一，它允许用户输入数据。元素极其灵活，通过不同的type属性，它可以转变为文本框、密码框、提交按钮、单选按钮、多选按钮等多种不同类型的输入控件。同时，它还支持多种属性来控制这些控件的行为和外观。本文将详细介绍HTML元素的各种类型及其常见属性。
＜Input /＞输入框及input的相关属性
outstanding木槿
04-23 5149
accept属性用来规定能够通过文件上传进行提交的文件类型。type="button"、"reset"、"submit"用于定义按钮上的显示的文本。readonly属性可与type="text"或"password"的input元素配合使用。type="text"、"password"、"hidden"用于定义输入字段的初始值。type="checkbox"、"radio"、"image"用于定义与输入相关联的值。该属性只能与type="text"或type="password"的input元素配合使用。
<input> 文本框几种常用属性
Dream_Mr.wang的专栏
04-14 1万+
onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode57)) event.returnValue=false"
jQuery实现动态添加、删除按钮及input输入框的方法
10-19
通过本篇文章，我们将学习如何使用jQuery实现动态添加和删除按钮及input输入框的方法，同时还将涉及到事件响应和页面元素动态操作的相关技巧。 首先，我们需要注意的是，当页面加载完毕后，jQuery的$(document)....
input输入框属性设置
07-17
以下是一些常用的输入框属性： 1. `type`属性：指定输入框的类型，例如文本、密码、日期等。 ```html <input type="text"> <!-- 文本输入框 --> <input type="password"> <!-- 密码输入框 --> <input type="date">...
js与jquery获取input输入框中的值实例讲解
11-21
在网页开发中，JavaScript 和 jQuery 是两种常用的交互性技术，它们常常用于操作DOM元素，包括获取用户在input输入框中的输入值。本文将详细介绍如何使用这两种语言的不同方法来获取input输入框的值。 首先，我们...
【微信小程序】表单组件-input输入框组件
墨夶的博客
11-23 2728
通过 CSS，可以自定义输入框的样式，使其更加符合应用的设计风格。-- index.wxml --> < input class = " custom-input " name = " customInput " placeholder = " 自定义输入框 " bindinput = " handleCustomInput " />
input输入框获取js点击文字内容.zip
09-27
在"input输入框获取js点击文字内容.zip"这个压缩包中，我们可以预见到包含了一个简单的HTML页面（index.html），该页面可能实现了通过JavaScript来获取用户在输入框中输入的文字内容的功能。下面将详细介绍HTML5的`...
输入框属性
2402_84987408的博客
07-16 758
autocomplete 属性适用于 <form> 以及如下 <input> 类型：text、search、url、tel、email、password、datepickers、range 以及 color。required 属性适用于以下输入类型：text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file.formmethod 属性适用于 type="submit" 以及 type="image"。
input框的属性
weixin_52772897的博客
03-28 755
pattern：属性规定用于验证输入字段的正则表达式。 oninvalid：提交的input元素的值为无效值时（这里是正则验证失败），触发oninvalid事件。oninvalid属于Form 事件。 setCustomValidity()：这个是HTML5内置的JS方法，用来自定义提示信息 maxlength：限定input最大输入长度 required：增加一个非空验证。 oninput：该事件在 input 或 textarea 元素的值发生改变时触发。 ...
瞧一瞧input输入框都有哪些属性
前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！
12-03 675
placeholder默认提示打上字消失。 <div>按钮<input type="button" value="提示"></div> <div>复选框<input type="checkbox" value="提示"></div> <div>复选框<input type="c...
input输入框的type属性
qq_27953397的博客
03-01 685
range：用于选择一个范围内的数值的输入框，可以指定最大、最小值和步长。number：用于输入数值的文本框，可以指定最大、最小值和步长。color：用于选择颜色的输入框，可以通过颜色选择器来选择颜色。password：用于输入密码的输入框，显示为掩码形式。datetime：用于选择日期和时间的输入框。month：用于选择年份和月份的输入框。week：用于选择年份和周号的输入框。file：用于选择文件的输入框。reset：用于重置表单的按钮。date：用于选择日期的输入框。time：用于选择时间的输入框。
前端基础input输入框主要属性
m0_58849641的博客
09-17 1万+
　1、单行输入框< input type"text"/>。单行文本的输入框常用来输入简单的信息，例如用户名、账号等等。具体的属性有：name、value、maxlength。 　　2、密码输入框<input type=”password”/>。其内容以圆点的形式显示。 　　3、但选按钮<input type-”radio”/>。单选按钮用于单项选择，在定义单选按钮时必须为同一组中的选项制定相同的name值，可以对单选按钮应用checked属性，制定默认选中项。 　　4、复
＜input＞元素全部用法和属性
前端卷王小白的博客
04-11 4778
元素的所有属性,type的种类,的placeholder,的autofocus
input表单控件的常用属性
m0_67576744的博客
04-05 1156
input type text 文本框 password 密码框 radio 单选按钮 email 邮件框 checkbox 多选框 submit 提交按钮 button 普通按钮 value placeholder s...
input常见属性
whatareyougoo的博客
01-12 1570
type属性：定义input输入框类型，如颜色，日期，单选等等 placeholder属性：用于为input类型的输入框提供相关提示信息，它在输入信息为空时以灰色显示出来而输入框获得焦点时自动消失 required属性：用于在form表单提交数据前，为input类型的输入框规定必须填入数据，如果未输入则有错误信息提示 pattern属性：用于在form表单提交数据前为input类型的输入框规定数据必须符合正则表达式，如果格式不正确则有错误信息提示 disabled属性：用于禁用input类型的输入框，被禁.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值