HTML 基础-09-表单-input基本使用

最新推荐文章于 2024-04-30 17:59:49 发布
最新推荐文章于 2024-04-30 17:59:49 发布
阅读量188 收藏
点赞数
文章标签： html 前端 vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_63562705/article/details/121675643
版权
本文介绍了HTML中input标签的基础知识，特别是其type属性如何用于创建不同类型的表单元素，如在登录页和注册页中收集用户信息。
摘要由CSDN通过智能技术生成

1.1 input系列标签的基本介绍

★场景:在网页中显示收集用户信息的表单效果，如:登录页、注册页

★标签名: input

· input标签可以通过type属性值的不同，展示不同效果

★type属性值:

标签名 type属性值 说明
input text 文本框，用于输入单行文本
input password 密码框，用于输入密码
input radio 单选框，用于多选一
input checkbox 多选框，用于多选多
input file 文件选择，用于之后上传文件
input submit 提交按钮，用于提交
input reset 重置按钮，用于重置
input button 普通按钮，默认无功能，之后配合js添加功能 
<body>
    <!-- 写什么就显示什么 -->
    文本框<input type=
最低0.47元/天 解锁文章
Keep learning（Poker）
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
表单标签＜input＞的介绍
weixin_54021642的博客
04-24 3万+
表单标签<input>的介绍
【HTML 教程系列第 22 篇】 HTML 中的 input 标签，看这一篇就够了
“Allen Su”的博客
11-02 1万+
一：什么是 HTML 中的 input 标签 。 二：input 标签 type 的取值 text、password、radio、checkbox、file、button、submit、reset。 三：如何为单选框，复选框设置默认选项。 四：使用单选框的两个注意事项。
HTML中input标签使用法汇总
m0_67846661的博客
05-19 1万+
HTML input标签的属性： 1.type：该属性是input标签里唯一的必须输入的属性，当然，也可以不填，默认为type = “text”。具体它有那些值，我们后面再讨论。 2.required：标记一个字段是否为必须。如果一个字段被标记为required = “required”（严格模式下），或者required（宽松模式下）(ps：下面属性的写法同理，就不一一写出了)，并且这个字段的值为空，或者填入的值是无效值，那么这个表单不能提交。什么是无效值？看pattern属性。 3.pattern
【自学html笔记】使用html创建表单＜input＞标签的使用
qq_51843898的博客
01-09 4700
input标签，textarea标签创建文本输入区域，还有select配合option创建下拉式表单的使用方法
HTML中input的用法
m0_62337846的博客
03-06 1万+
<input>标签的定义用法 1、该标签用于搜集用户信息； 2、根据不同的type属性值，输入字段拥有很多形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选框等； 3、在html中，<input>标签没有结束标签，但在xhtml中<input>必须被正确地关闭； 实例 一个简单的html表单，包含了两个文本输入框和一个提交按钮： 4、input当中的属性 accept：（mime-type）规定通过文件上传来提交文件的类型； align：（l
HTML5-input表单控件调用代码_html5_表单_input_代码_控件_
09-29
一、`input`标签基础 `input`标签在HTML中用于创建各种形式的用户输入控件。基本语法如下： ```html <input type="type" name="name" value="value" /> ``` 其中，`type`定义了输入控件的类型，`name`是控件的标识名...
html-css-网页模板-个人博客
11-23
- 表单元素：`<form>`, `<input>`, `<select>`, `<textarea>`等用于创建交互式表单，用于用户输入数据。 2. CSS基础概念： - 选择器：CSS通过选择器来定位HTML元素，如`#id`（ID选择器），`.class`（类选择器），...
HTML5基础知识-HTML5表单.pptx
05-06
表单是HTML中用于收集用户信息的基本结构，由`<form>`标签定义。`<form>`元素可以包含各种表单控件，如输入字段、按钮等。`action`属性指定了表单数据提交的目标URL，例如服务器端的处理脚本。 2. **输入元素...
Ragistration-form:使用html的注册表单
08-05
1. `<form>`：这是创建表单的基本标签，它定义了一个表单区域。例如： ```html ``` 其中，`action`属性指定了处理表单数据的服务器端脚本，`method`属性指定提交方式，通常是"post"或"get"。 2. `<input>`：...
使用element-ui +Vue 解决 table 里包含表单验证的问题
09-16
在开发Web应用时，我们经常需要处理复杂的表单数据，特别是在使用Element-UI与Vue.js框架的情况下。Element-UI提供了一套丰富的UI组件库，其中包括表格（Table）和表单（Form），它们可以帮助我们构建出美观且功能...
【HTML】HTML 表单 ① ( input 表单控件 | input 标签语法 | input 标签属性 | type 属性 | value 属性 | name 属性 | checked 属性 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
02-22 4200
一、HTML 表单 二、input 表单控件 1、input 标签语法 2、input 标签属性 3、type 属性 5、value 属性 6、name 属性 7、checked 属性
HTML之⑨input标签的使用总结
笔岸柳影
02-04 1049
HTML之⑨input标签的使用总结 QQ:3020889729 小蔡 QQ:3020889729 ...
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表单吗？---采集用户输入的信息
奶茶控
11-11 1962
一、什么是表单 表单在网页中主要负责数据采集功能，HTML中的<form>标签，就是用于采集用户输入的信息，并通过<form>标签的提交操作，把采集到的信息提交到服务器端进行处理 表单的组成部分： 表单标签 ：<form></form> 表单域 ： 包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等 表单按钮 ：buttom ...
HTML中input输入框（详解输入框的用法）
最新发布
百赢出品，必属精品
04-30 1万+
input>元素是HTML表单中最常见的元素之一，用于收集用户的输入数据。它可以包含多种类型的输入，如文本、密码、数字等。通过指定不同的type属性，可以定义不同类型的输入字段。类型（type）属性定义输入字段的类型，如文本框、密码框、单选按钮、复选框等。常见类型包括textpasswordradiocheckboxfile等。名称（name）属性用于标识输入字段的名称，以便在表单提交时能够将数据传输到服务器。对于单选按钮和复选框，相同名称的一组按钮被视为一个组，只能选择其中的一个或多个。
html——input标签介绍
zeci192的博客
03-07 1620
text<input> 标签规定了用户可以在其中输入数据的输入字段。<input> 元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。输入字段可通过多种方式改变，取决于 type 属性。
input表单
mumu42的博客
05-04 147
input  type:date（选择日期，在选择日期的项目中可使用）color（颜色）hidden（不知道有什么实际用途）image（图片表单控件，点击默认提交。&lt;input type="image" src="img/a.jpg"/&gt;）text（文本输入框）password（密码）button（按钮，使用vue框架时，点击按钮最好使用button）checkbox（复选）radio...
html语言 input,input标签(HTML中input用法详解)
weixin_39889214的博客
05-30 4588
input标签Firstname:Lastname:HTML中input用法详解1、type格式：type=“文本的类型”当type设置为text时，text属性表示一个纯文本，可以向其中输入任何类型的文本、数字或字母等。具体说明：：假如一个input没有type特点，那么它会是默许type=“text”。没有什么特别的，便是允许输入文本，简单明了。：望文生义，在用户输入暗码的时候主张运用这个特点...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Keep learning（Poker）

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值