HTML 表单

一,
HTML中,一个完整的表单通常由表单元素、提示信息和表单域三个部分组成,下面将详细介绍这三个部分。

1, 表单元素:包含表单的具体功能项,如文本输入框、下拉列表框、复选框、密码输入框、登录按钮等。

  2,提示信息:表单中通常还需包含一些说明性的文字, 提示用户要进行的操作。

  3,表单域: 用来容纳表单控件和提示信息,可以通过它定义处理表单数据所用程序的URL地址,以及数据提交到服务器的方法。如果未定义表单域,表单中的数据就无法传送到后台服务器。

1, < form >标签
语法格式:
< form 属性 属性值 >
表单元素和提示信息
< /form >
在这里插入图片描述效果:
在这里插入图片描述
< form >的其他属性:
1,action:同来定义表单数据的提交地址,即一个URL
实例:< form action=“dududu_action.asp”>
action属性值可以是相对路径和绝对路径,也可以是邮箱地址 。
2,method:用来定义表单数据的提交方式,默认get,和post两种方式。
3,enctype:用来定义表单数据的提交内容方式。
4,target:定义提交地址的打开方式。
四个属性演示:
在这里插入图片描述
效果:
在这里插入图片描述
二,
< input >标签
1,type属性:
(1)text:单行文本框,password:密码文本框
在这里插入图片描述
效果:
在这里插入图片描述
(2)radio:单选框,checkbox:复选框
在这里插入图片描述
在这里插入图片描述
(3)button:按钮,submit:提交按钮,reset:重置按钮
在这里插入图片描述
在这里插入图片描述
(4)hidden:隐藏域
在这里插入图片描述
在这里插入图片描述
(5)image:图像形式的按钮
在这里插入图片描述
在这里插入图片描述
(6)file:文件上传按钮
在这里插入图片描述
在这里插入图片描述
三,
< textarea >:多行文本框
在这里插入图片描述
在这里插入图片描述
四,
< select >:下拉列表
在这里插入图片描述
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值