＜input/＞标签的常用属性

最新推荐文章于 2024-03-19 22:59:36 发布
最新推荐文章于 2024-03-19 22:59:36 发布
阅读量437 收藏 8
点赞数 8
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wu_xi_di_xi/article/details/135326807
版权

属性                        属性值                        描述

type                        {text                             单行文本输入框

                                password                     密码输入框

                                radio                              单选按钮

                                checkbox                        复选框

                                butto                                普通按钮

                                submit                                提交按钮

                                reset                                重置按钮

                                image                                图像形式的提交按钮

                                hidden                                隐藏域

                                file                                        文件域}

name                        由用户自定义                        控件的名称

value                        由用户自定义                        input控件中的默认文本值

size                            正整数                                input控件在页面中的显示宽度

readonly                      readonly                                该控件内容为只读（不能编剧修改）

disable                        disable                                第一次加载页面时禁用该控件（显示为灰色）

checked                        checked                                定义选择控件默认被选中的项

maxlength                      正整数                                控件允许输入的最多字符数

wu_xi_di_xi
关注
  • 8
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
input标签属性详解大全
_吉尔伽美什
05-09 7万+
我们先来了解一下input标签的几个基本控制属性。 name属性：元素的名称，也就是name的值代表当前input元素的名字； value属性：元素的默认值 1）当input type=“text”、“password”、"hidden"时，定义输入字段的初始值； 2）当input type=“button”、“reset”、"submit"时，定义按钮上的显示的文本； 3）当input typ...
获取input标签的所有属性的方法
09-02
除了上述的`value`和`name`属性，`<input>`标签还有许多其他常用属性，如`type`（定义输入类型，如文本、密码、日期等）、`id`（用于唯一标识元素）、`class`（用于CSS样式）、`placeholder`（提示信息）、`disabled...
input框的属性
weixin_52772897的博客
03-28 679
pattern：属性规定用于验证输入字段的正则表达式。 oninvalid：提交的input元素的值为无效值时（这里是正则验证失败），触发oninvalid事件。oninvalid属于Form 事件。 setCustomValidity()：这个是HTML5内置的JS方法，用来自定义提示信息 maxlength：限定input最大输入长度 required：增加一个非空验证。 oninput：该事件在 input 或 textarea 元素的值发生改变时触发。 ...
瞧一瞧input输入框都有哪些属性
前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！
12-03 621
placeholder默认提示打上字消失。 <div>按钮<input type="button" value="提示"></div> <div>复选框<input type="checkbox" value="提示"></div> <div>复选框<input type="c...
input 输入框 常用属性
milife2012的专栏
12-14 2383
1.disabled 禁用(输入框变灰,无法使用) document.getElementById("date").disabled="disabled"; 这样id=date的输入框就禁用了，在form跳转时,也是不会传值的 2.readOnly只读(输入框不能修改) document.getElementById("money1").readOnly = "true";
input属性
2302_76611599的博客
09-22 780
type=“text” 文本框 type="radio"单选 type=“checkbox”复选 type="select"pattern 正则验证[A-Za-z]{2} 也就是说前2个必须是[A-Za-z]里的.autocomplete：记录历史输入 （on为打开 off为关闭）有许多属性，比如说：id，value，style，name，type等等。属性：当前 input元素的名称。属性：输入框中提示的文字。属性：用于css引用。属性：设置css样式。readonly只读取。
整理HTML5中表单的常用属性及新属性
11-30
标签添加了几个新属性.<form>新属性：autocompletenovalidate<input>新属性：autocompleteautofocusformformactionformenctypeformmethodformnovalidateformtargetheight and widthlistmin and ...
必须知道的10个不常用HTML标签
09-27
8. `<a>`标签的`download`属性：虽然`<a>`标签主要用于链接到其他页面，但通过添加`download`属性，你可以强制浏览器下载链接资源而不是导航到新页面。 9. `<details>` 和 `<summary>`：这两个标签一起使用，可以...
20.2 HTML 常用标签
07-28
14. **表单元素（<form>）**：用于创建用户交互的表单，包含<input>（输入框）、<select>（下拉列表）、<textarea>（多行文本输入）、<button>（按钮）等。 15. **CSS样式控制**：虽然不是HTML标签，但通过<style>...
HTML常用标签及属性.pdf
10-05
常用属性 * `src`：定义了资源的位置。 * `border`：定义了边框的宽度。 * `size`：定义了元素的尺寸。 * `width`：定义了元素的宽度。 * `height`：定义了元素的高度。 * `bgcolor`：定义了元素的背景颜色。 * `...
＜Input /＞输入框及input的相关属性
outstanding木槿
04-23 4361
accept属性用来规定能够通过文件上传进行提交的文件类型。type="button"、"reset"、"submit"用于定义按钮上的显示的文本。readonly属性可与type="text"或"password"的input元素配合使用。type="text"、"password"、"hidden"用于定义输入字段的初始值。type="checkbox"、"radio"、"image"用于定义与输入相关联的值。该属性只能与type="text"或type="password"的input元素配合使用。
input中属性及作用
转身浮生
03-10 784
input中属性及作用
前端基础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常见属性
whatareyougoo的博客
01-12 1324
type属性：定义input输入框类型，如颜色，日期，单选等等 placeholder属性：用于为input类型的输入框提供相关提示信息，它在输入信息为空时以灰色显示出来而输入框获得焦点时自动消失 required属性：用于在form表单提交数据前，为input类型的输入框规定必须填入数据，如果未输入则有错误信息提示 pattern属性：用于在form表单提交数据前为input类型的输入框规定数据必须符合正则表达式，如果格式不正确则有错误信息提示 disabled属性：用于禁用input类型的输入框，被禁.
＜input＞元素全部用法和属性
前端卷王小白的博客
04-11 2689
元素的所有属性,type的种类,的placeholder,的autofocus
【前端】input表单 type属性详解
最新发布
A_aspectJ的博客
03-19 5302
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下， 什么样的数据均可以输入。而通过不同的type属性值，可以限制输入的内容。
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标签属性简述
热门推荐
不负韶话
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所有属性及作用
hanbic的博客
01-30 1万+
type：该属性是input标签里唯一的必须输入的属性，当然，也可以不填，默认为type = “text”。 required：标记一个字段是否为必须。如果一个字段被标记为required = “required”（严格模式下），或者required（宽松模式下）(ps：下面属性的写法同理，就不一一写出了)，并且这个字段的值为空，或者填入的值是无效值，那么这个表单不能提交。什么是无效值？看pattern属性。 pattern：该属性包含了一个JavaScript风格的正则表达式，输入的内容必须完全匹配该正.
解释每条代码<style> fieldset{ width: 350px ; margin: 100px auto ; } p{ font-size: 0.8em; color: #999; text-indent: 2em; } li{ line-height: 40px; } label{ display:inline-block ; width: 200px; text-align: right; margin-right: 10px; } #height{ width: 60px; } #weight{ width: 60px; } </style> </head> <body> <fieldset> <legend><h2>标准体测测试</h2></legend> <p> 身体质量指数，是BMI（Body Mass Index ）指数，简称体质指数，是国际上常用的衡量人 体胖瘦程度以及是否健康的一个标准。计算公式为：BMI=体重÷身高²。（体重单位：千克； 身高单位：米。）BMI由19世纪中期的比利时通才凯特勒最先提出。 </p> <ol> <li> <label for="height">请输入你的身高(cm):</label> <input type="number" id="height" min="40"> </li> <li> <label for="weight">请输入你的体重(kg):</label> <input type="number" id="weight" min="20"> </li> </ol> <input type="button" name="" id="myBtn" value="开始测试"> </fieldset> <script> var oBtn = document.getElementById("myBtn") var BMI oBtn.onclick=function(){ let result let oHeight = document.getElementById("height").value/100 let oweight = document.getElementById("weight").value BMI = oweight/(oHeight*oHeight) if(isNaN(BMI)) { alert("请输入合法数字") } else { if(BMI<18.5) result = "体重过轻" if(BMI>18.5 && BMI<=23.9) result = "体重正常" if(BMI>=24) result="体重超重" if(BMI>24 && BMI<=26.9) result = "肥胖前期" if(BMI>27 && BMI<=29.9) result = "I度肥胖" if(BMI>=30) result = "II度肥胖" if(BMI>=40) result = "III度肥胖" } alert(result) } </script>
06-01
- `<input>`标签定义了输入框和按钮，其中type属性指定了输入框或按钮的种类，id属性指定了输入框或按钮的标识符，min属性指定了输入框的最小值。 - `<script>`标签定义了JavaScript代码，用于计算BMI和显示结果。...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值