input表单常见的属性及作用

最新推荐文章于 2026-04-21 09:12:18 发布
原创 最新推荐文章于 2026-04-21 09:12:18 发布 · 1.4k 阅读 · 4 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#servlet
博客介绍了HTML中input框的各类属性。包括type属性默认值，以及不同type值对应的功能，如text用于输入文本、password用于密码输入、checkbox为复选框等，还提及了date、month等时间选择器及hidden、button等特殊属性的作用。

  1. type：该属性是input框里必须输入的属性   默认为type =‘text’

  2. input的属性

  • type =‘text’  允许输入文本
  • password     就是密码输入框，用户输入的时候会显示的是●●●●●
  • checkbox：复选框，默认是小方格，可以写多个input来选择
  • radio：单选框，默认是个圆圈，只能选择一个
  • submit： 提交按钮，点击此按钮会提交表单数据
  • reset：重置按钮，按下就会重置
  • date ：日期选择器，可以选择年月日
  • month：里面只有年月的选择器
  • datetime：提供两个栏，一个是年月日，一个是时分秒
  • time：里面只包括了时分秒的时间选择器，并且是24小时制的
  • hidden：用来隐藏掉该表单控件（很少用）
  • bubtton：一个按钮，表单的按钮，一般都使用button按钮或者submit提交按钮（很少用）
  • number：输入的是数字，键盘为输入的键盘
  • search：这是一个搜索栏。如有文本输入的话，很多浏览器都会在最右边提供一个清空搜索栏的小叉，点了就清空该搜索栏。
【前端】input表单 type属性详解
A_aspectJ的博客
03-19 8208
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下， 什么样的数据均可以输入。而通过不同的type属性值，可以限制输入的内容。
15分钟快速构建RAG应用：基于Vertex AI的极速开发方案
最新发布
weixin_30635053的博客
04-21 408
检索增强生成（RAG）技术通过结合信息检索与生成式AI，显著提升大语言模型的精准应答能力。其核心原理是将用户查询与向量化知识库进行语义匹配，再基于检索结果生成响应，有效解决了传统LLM的幻觉问题。在工程实践中，Vertex AI提供的开箱即用能力大幅降低了RAG应用的开发门槛，开发者无需搭建复杂的向量数据库和嵌入模型服务，即可快速实现文档解析、语义检索与生成应答的完整流程。这种方案特别适合PoC验证、黑客马拉松等需要快速落地的场景，通过预置的多模态文档解析器和可配置的检索排序算法，能在15分钟内完成从数据准
【HTML5】HTML5 新增 input 表单属性 ( required 属性 | placeholder 属性 | autofocus 属性 | autocomplete 属性 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
04-19 7108
一、HTML5 新增 input 表单属性 1、required 属性 2、placeholder 属性 3、autofocus 属性 4、autocomplete 属性 5、multiple 属性
【HTML+CSS】HTML ＜input＞ 元素详解：类型与常用属性
Xiaoxin的博客
07-29 3414
在HTML中，元素是最常用的表单元素之一，它允许用户输入数据。元素极其灵活，通过不同的type属性，它可以转变为文本框、密码框、提交按钮、单选按钮、多选按钮等多种不同类型的输入控件。同时，它还支持多种属性来控制这些控件的行为和外观。本文将详细介绍HTML元素的各种类型及其常见属性。
input提升用户输入信息 当用户点击时 页面消失
itinglight的博客
08-20 1092
方案二 <input type="text" placeholder="请输入内容"> 方案一 <input type="text" value='请输入内容' onfocus="javascript:if(this.value=='请输入内容')this.value='';"> 1、js 方法添加的提示文字不同于 使用 placeholder 属性添加的效果 2、placeholder 属性添加的提示文字，只有输入内容时文字才会消失 3、js 方式添加的提示文字，当光标定位到.
＜Input /＞输入框及input的相关属性
outstanding木槿
04-23 5305
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里面的type是什么作用
2401_83708850的博客
07-01 1102
form>标签是 HTML 表单的基础，不可或缺。如果你需要实现用户注册功能，必须保留<form>标签，并确保其action和method属性配置正确。如果只是临时测试界面效果，可以暂时移除，但最终上线时必须恢复。method属性有啥作用。
access字段属性设置下拉列表_基础表单标签及属性
weixin_39732506的博客
11-20 1436
表单标签一.一个完整的表单包含三个基本组成部分：(表单标签、表单域、表单按钮) ​ 1.表单标签：form标签，用于设置服务器地址、请求方式等等 ​ 2.表单域：用户需要填写或选择的数据，输入框、单选框、复选框、下拉列表等等 ​ 3. 表单按钮：提交按钮、重置按钮、普通按钮等等。 表单的使用： ​ form标签需要包裹“表单域”和“表单按钮” ​ 假设当用户点击“subm...
HTML Input表单属性
weixin_44664352的博客
09-14 319
form 属性 input 的 form 属性规定 <input> 元素所属的表单。 此属性的值必须等于它所属的 <form> 元素的 id 属性。 实例 位于 HTML 表单（但仍是表单的一部分）之外的输入字段： <form action="/action_page.php" id="form1"> <label for="fname">姓氏：</label> <input type="text" id="fname" name
html5表单总结
qq_44818085的博客
11-06 283
1.form中的属性 form为表单标签，其中有两个重要的属性 1. method：为请求的方式 get：是以url传递的，因地址栏长度有限，数据量也有限制，而且传递数据要在ASCCI码值范围内，否则会有乱码 post：在数据传递之前会先将数据打包，虽然效率会比较慢，但是穿过的数据都能正确解析，所以传中文不会有乱码 2. action：是表单提交给的url地址，如果我们没有设置action属性，那么默认的表单还是提交给当前页面 2.input中常用的属性 1. name：规定input元素的名称，用于
最常用的表单控件input元素的30个元素属性
web前端开发教程htmlcssjs
01-15 4958
form元素只是一个数据获取元素的容器，而容器内的元素称为表单控件。最常用的表单控件是input元素 accept、alt、checked、disabled、maxlength、name、readonly、size、src、type、value这11个属性是input元素的传统元素属性 autocomplete、autofocus、form、formaction、formenctype、formm...
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表单所有属性【web前端】
栊夕的博客
12-25 2894
input表单所有属性 新建一个文件后缀为HTML的文本文档，文件名为index.html，用于测试说明input的属性！ input的value属性:该属性用于定义input输入框的初始值，常用于举例说明该文本框输入的内容！ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
＜input＞元素全部用法和属性
前端卷王小白的博客
04-11 5075
元素的所有属性,type的种类,的placeholder,的autofocus
input所有属性及作用
hanbic的博客
01-30 1万+
type：该属性是input标签里唯一的必须输入的属性，当然，也可以不填，默认为type = “text”。 required：标记一个字段是否为必须。如果一个字段被标记为required = “required”（严格模式下），或者required（宽松模式下）(ps：下面属性的写法同理，就不一一写出了)，并且这个字段的值为空，或者填入的值是无效值，那么这个表单不能提交。什么是无效值？看pattern属性。 pattern：该属性包含了一个JavaScript风格的正则表达式，输入的内容必须完全匹配该正.
【HTML】HTML 表单 ① ( input 表单控件 | input 标签语法 | input 标签属性 | type 属性 | value 属性 | name 属性 | checked 属性 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
02-22 4901
一、HTML 表单 二、input 表单控件 1、input 标签语法 2、input 标签属性 3、type 属性 5、value 属性 6、name 属性 7、checked 属性
HTML_表单的高级应用(隐藏域、只读、禁用、输入提示、必填)
2301_78311954的博客
12-08 2622
加上placeholder就会有一个提示你输入的东西！加入required后就必须要填写，不然就提交不了！加上readonly后就不能修改了！这样就把密码框给隐藏了！
input的一些常用属性
weixin_52350720的博客
09-11 2802
9.11学习
input的Checkbox（复选框）属性具体怎么使用
ggq53219的博客
04-01 5556
Checkbox（复选框）的具体用法
input表单的23个type属性
wangxuanyang_zer的博客
10-22 3805
属性可以根据需要组合使用，以创建不同类型的输入框。属性用于指定输入框的类型。标签用于创建输入框。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值