HTML 表单标签

4、 标签

5、实现注册账号功能:


1、 标签


标签代表一个表单,表单用于向服务器传输数据, 标签能够包含 ,可以是文本字段,复选框,单选框或提交按钮等,还可以包含 等。 常用属性:
  • name:用于定义表单名称

  • action:用于规定提交表单时向何处发送表单数据

  • method:用于规定提交的方案,一般取值 POST 或 GET

POST与GET方式的区别:

  • get 方式只能少量数据,而 post 可以携带大数据(文件上传)

  • get 方式提交时,数据会在地址栏上显示,安全性差;post 方式不会在地址栏上显示,安全性高

2、 标签


标签用于搜集用户信息,根据不同的 type 属性值,输入字段拥有很多种形式,可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等。 标签 type 属性值:

【1】text

:定义单行的输入字段,用户可在其中输入文本,默认宽度为20个字符,常用属性有:

  • name:定义标签名称

  • value:定义标签值

  • size:定义输入字段的长度

  • maxlength:定义输入最大字符个数

【2】password

:定义密码字段,该字段中的字符被掩码,常用属性有:

  • name:定义标签名

  • value:定义标签值

  • size:定义输入字段的长度

  • maxlength:定义可输入最大字符个数

【3】radio

:定义单选按钮,常用属性有:

  • name:定义标签名。注:对于单选按钮,如果要想做到单一选择,多个 radion 的 name 值必须一样

  • value:定义标签值

  • checked:定义标签默认被选中

【4】checkbox

:定义复选框,重用属性有:

  • name:定义标签名称。注:一组的checkbox它们的name值应该是一样的

  • value:定义标签值

  • checked:定义该标签默认被选中

【5】button

:定义可点击按钮(多数情况下用于通过 JavaScript 启动脚本),常用属性有:

  • name:定义标签名称

  • value:按钮显示名称

【6】hidden

:定义隐藏的输入字段,常用属性有:

  • name:定义标签名称

  • value:定义标签值

【7】file

:定义输入字段和“浏览”按钮,供文件上传,常用属性有:

  • name:定义标签名称

【8】submit

:定义提交按钮,提交按钮会把表单数据发送到服务器,常用属性有:

  • name:定义标签名

  • value:定义按钮显示名称

【9】reset

:定义重置按钮,重置按钮会清楚表单中的所有数据,常用属性有:

  • name:定义标签名称

  • value:定义按钮显示名称

【10】image

:定义图像形式的提交按钮,这个标签主要是用了替换 submit 按钮,因为默认产生的提交按钮不美观,这个标签允许采用指定的图片作为提交按钮,常用属性有:

  • name:定义标签名称

  • src:定义作为提交按钮显示的图像的URL

  • alt:定义作用图像的替代文本

3、 标签与 标签


【1】

用于定义一个下拉列表,常用属性有:

  • name:定义下拉列表的名称

  • size:定义下拉列表中可见选项的数目

  • multiple:定义可选择多个选项

【2】

用于定义下拉列表的选项, 需要位于 标签内部,常用属性有:

  • value:定义送往服务器的选项值

  • selected:定义选项为选中状态

4、 标签


标签用于定义一个多行文本输入控件(多行文本框,文本域),常用属性有: * name:定义多行文本框名称 * cols:定义多行文本框可见宽度 * rows:定义多行文本框可见行数 * wrap:规定多行文本框中文字如何换行 我的主页 用户:
密码:
性别:女男
爱好:羽毛球乒乓球
文件:
生日: 1995 1996 1997 1998
自我描述:

隐藏项:


5、实现注册账号功能:


龙星网注账号注册 # 最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
7slKE-1715362608220)]

[外链图片转存中…(img-cNyPuwR6-1715362608220)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值