html 表单

`## html 表单
HTML 表单
用于收集不同类型的用户输入。

表单是一个包含表单元素的区域
表单元素是允许用户在表单中输入内容,

比如:文本域(text)、下拉列表、单选框(radio)、复选框(checkbox)等等
表单使用表单标签 来设置
HTML 表单-输入元素
多数情况下被用到的表单标签是输入标签()。
输入类型是由类型属性(type)定义

form中要包裹的样式

<form action="url 地址" method="提交方式" (有两种提交方式,get  和post  这里我们一般用post    name="表单名称"   target=“_blank  打开方式     enctype(编码提交方式这里一般不需要设置属性值)>
	// 各种表单元素
</form>

1.表单元素

包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

2、提示信息

一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。

3、表单域

表单域相当于一个容器,用来容纳所有的表单元素和提示信息,可以通过它定义处理表单数据所用程序的 url 地址,以及数据提交到服务器的方法。

如果不定义表单域,表单中的数据就无法传送到后台服务器。

html 表单的标签

分别是 form、input、textarea、select、option

input、textarea、select、option这些表单标签必须要放在 form 标签内部,记住这点。*

  • .input,
    翻译过来就是 “输入” 的意思,在 HTML 中,大多数表单都是使用 input 标签来实现的。

input 的标签有那些

1:text 单行文本框
2:password 密码文本框
3:radio 单选框 (单选框书写时一定要加两个属性name和value,并且两个name命名必须是一致的,value的取值是需要选择的文本
样式如下:
在这里插入图片描述

4:checkbox 复选框
5:按钮
①:button 普通按钮
②:submit 提交按钮
③:reset 重置按钮
④:三种按钮的区别
6:file 文件上传
7.日期滚动条 select select里面要包裹option
样式如下
在这里插入图片描述

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值