input的属性

最新推荐文章于 2024-05-16 09:20:46 发布
最新推荐文章于 2024-05-16 09:20:46 发布
阅读量1.2k 收藏
点赞数 1
分类专栏： html 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52334984/article/details/124849028
版权

一.input主要使用的属性有4个

①type 其值域为（text password radio CheckBox submit reset file）

②name 值域自定义

③value 值域自定义

④checked 值域checked

二.值的作用

①type的

text值可以给予表单元素20个可输入的位置。

password可以对表单元素的输入内容进行加密。

radio可以形成一个按钮，通常是单选的。

CheckBox多选框框。

submit传递数据到后台

reset重置所写数据

file上传文件

②name用来区别，利用这一点可以实现radio的单选一效果。

③value初始化框框里的值。

④checked默认选中的选择框框。

weixin_52334984
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html5 input属性使用示例
09-28
今天我刚接触html+css3感觉还不错，下面为大家介绍下用到的input 属性，感兴趣的朋友可以看下截图哈，希望对大家有所帮助
＜Input /＞输入框及input的相关属性
outstanding木槿
04-23 4224
accept属性用来规定能够通过文件上传进行提交的文件类型。type="button"、"reset"、"submit"用于定义按钮上的显示的文本。readonly属性可与type="text"或"password"的input元素配合使用。type="text"、"password"、"hidden"用于定义输入字段的初始值。type="checkbox"、"radio"、"image"用于定义与输入相关联的值。该属性只能与type="text"或type="password"的input元素配合使用。
html input有什么属性吗,input 属性有哪些？input标签常用属性介绍
weixin_36074800的博客
06-04 348
input 属性有哪些？在Html页面中input标签的应用相信很多用户都懂， 标签用于搜集用户信息，可以根据不同的 type 属性值来确定输入的字段是文本字段、复选框还是掩码后的文本控件、单选按钮、按钮等等。笔者就此为题，给大家总结一些常用的input属性。input 属性有哪些？text　文本域button　按钮checkbox　复选file　文件类型限制hidden　隐藏域password　...
前端 - 基础 表单标签 - 表单元素 input - type 属性 （ 单选按钮和复选按钮 ）
三毛与海子的博客
04-01 498
radio -- 单选 ， checkbox -- 多选
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元素的名字；...
input的几个html5属性
u012028371的博客
12-17 252
autocorrect  autocomplete  autocapitalize 最好设置为off
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
Input的常用属性
Lonelydesertea的博客
12-08 2031
■type:input的类型 □text:文本输入框(明文输入) □password:文本输入框(密文输入) □radio:单选框 □checkbox:复选框 □button:按钮 □reset:重置 □submit:提交表单数据给服务器 □file:文件上传
js正则表达式之input属性($_)RegExp对象属性介绍
12-13
功能说明：该属性为RegExp的静态只读属性,该属性的值为与RegExp对象所描述的正则表达式进行匹配检测的字符串，该属性也可以表示成$_ 代码如下: <html> [removed] //objStr 为待匹配的内容 var objStr=’...
详解PHP中的 input属性（隐藏 只读 限制）
12-20
input type="hidden"> 只读 <input type="text" readonly> 失效 <input type="text" disabled> 限制 <input type="text" maxlength="1"> ENTER键让光标移到下一个输入框 <input ...
最常用的表单控件input元素的30个元素属性
web前端开发教程htmlcssjs
01-15 4436
form元素只是一个数据获取元素的容器，而容器内的元素称为表单控件。最常用的表单控件是input元素 accept、alt、checked、disabled、maxlength、name、readonly、size、src、type、value这11个属性是input元素的传统元素属性 autocomplete、autofocus、form、formaction、formenctype、formm...
html input属性都有啥,input 属性有哪些？input标签常用属性介绍
weixin_35011300的博客
06-05 1202
input 属性有哪些？在Html页面中input标签的应用相信很多用户都懂， 标签用于搜集用户信息，可以根据不同的 type 属性值来确定输入的字段是文本字段、复选框还是掩码后的文本控件、单选按钮、按钮等等。笔者就此为题，给大家总结一些常用的input属性。input 属性有哪些？text　文本域button　按钮checkbox　复选file　文件类型限制hidden　隐藏域password　...
html input标签的属性有哪些？input标签的用法总结（附实例）
web前端入门基础进阶教程-htmlcssjs
06-22 1万+
首先先来说说html input标签的属性： 1.type：该属性是input标签里唯一的必须输入的属性，当然，也可以不填，默认为type = “text”。具体它有那些值，我们后面再讨论。 2.required：标记一个字段是否为必须。如果一个字段被标记为required = “required”（严格模式下），或者required（宽松模式下）(ps：下面属性的写法同理，就不一一写出了)，并且这个字段的值为空，或者填入的值是无效值，那么这个表单不能提交。什么是无效值？看pattern属性。 3.patt
input标签常用属性
weixin_30836759的博客
09-13 359
1.maxlength：规定输入字段中的字符的最大长度。比如设置为3，则只能输入三个汉字或字符 2.size：定义输入字段的宽度。对于 <input type="text"> 和 <input type="password">，size 属性定义的是可见的字符数。而对于其他类型，size 属性定义的是以像素为单位的输入字段宽度。值：number_of_char 并不限制输...
1.8.4- 默认选中表单属性
dengshenjue2256的博客
07-16 253
默认选中女 、 默认选中女 转载于:https://www.cnblogs.com/Chamberlain/p/11198176.html
默认选中 input元素默认选中设置
YY_Ylx_XX的博客
06-11 4193
input元素默认选中设置 单选按钮： 加checked=checked属性 复选框 加checked=checked属性 select下拉框 加selected=selected属性 date日期： value='2018-06-06' 普通文本框： value="你要默认展示的值" textarea: 没有value属性，写在textarea标签里边 ...
input标签 各属性解释
热门推荐
chao430的博客
03-22 4万+
input标签最全面的type属性   (2016-08-21 23:56:07) 转载▼ 标签：  type   属性   input   分类： HTML标签 由于时间关系，在上一节中只是简单的列举了input标签中的type属性，在本节中就详细地来运用input标签中的type属性。 因为以
input标签是什么？input标签属性有哪些
lin123_00的博客
04-29 1万+
input标签属于什么标签？input标签属性有哪些？相信刚接触的表单的小白应该很陌生，那么接下来我们就来讲一下input标签属性有哪些？ 首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟里面的小伙伴一起学习一起成长，不懂的问题也可以问我，随时给大家解答。再次感谢大家。 一...
原生html table固定表头,后台返回一个数组对象有多个值,根据表头需要的字段显
最新发布
weixin_39277183的博客
05-16 106
这段代码首先定义了一个表格，并在JavaScript中获取了它的元素。然后，它遍历了一个示例数据数组，为每个对象创建一个表格行，并且只根据表头需要的字段（id、name、age）插入数据。这样，即使数组中的对象有多个值，表格也只会显示所需的字段。原生html要实现固定表头并根据需要显示的字段渲染后端返回的数组对象，就需要使用JavaScript来渲染DOM。
html5 input属性
06-10
HTML5中的<input>标签是表单中最常用的元素之一，它有很多属性可以用来控制表单的输入和展示方式。 常用的<input>属性有： 1. type：指定输入框的类型，常用的有text、password、email、number等。例如：`<input type="text">` 2. name：指定输入框的名称，用于在提交表单时传递数据。例如：`<input type="text" name="username">` 3. value：指定输入框的默认值。例如：`<input type="text" name="username" value="John Doe">` 4. placeholder：指定输入框的占位符文本，提示用户应该输入什么内容。例如：`<input type="text" placeholder="请输入用户名">` 5. required：指定输入框是否必填。例如：`<input type="text" name="username" required>` 6. min和max：用于限制输入框中数字、日期等类型的最小和最大值。例如：`<input type="number" min="0" max="100">` 7. pattern：用于指定输入框中的内容必须符合的正则表达式。例如：`<input type="text" pattern="[a-zA-Z]{5,}" title="用户名必须由至少5个字母组成">` 8. readonly：指定输入框是否只读，即用户不能修改。例如：`<input type="text" name="username" value="John Doe" readonly>` 9. disabled：指定输入框是否禁用，即用户不能输入或选择。例如：`<input type="text" name="username" disabled>` 以上是常用的<input>属性，还有其他一些属性也可以用来控制输入框的样式和行为。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值