form表单

表单标签

form标签又叫表单标签。表单通常用于让用户能够进行输入操作使用的,例如常见的登录、搜索、注册、图片上传等等。。学习完这个标签就可以自己做一个能看的网页了。

form标签的基本属性有两个,一个是ACTION这个是你的表单的信息传输的后台接口,另一个就是method这个是用来定义传输数据的方式的“一共也是两种方式”
1,get这个方式的特点是效率快,但是不安全,会在地址栏中显示出来的。而且容量还小;
2,post 这个方法基本上就和第一种方法相反了。效率相对的低一些,安全性也好,不会在地址栏中显示,容量也大,但是form的默认属性是GET属性使用起来要注意更改。

<form action="url " method="POST">
<form action="url " method="get">
form标签中写的是input标签,通过input标签控制输入框类型

type属性可以控制input标签的类型的,常用的有:

1.button 按钮:一个按钮,可以用value在按钮上显示内容。

在这里插入图片描述
在这里插入图片描述

2.text 文本框:一个输入框让你填写内容,按下提交按钮的内容可以传输到后台。

在这里插入图片描述
在这里插入图片描述

3.submit 提交按钮:创建一个提交按钮。

在这里插入图片描述
在这里插入图片描述

4.password 密码:一个密码文本输入框 ,你输入的内容不直接显示,而是用点代替参考QQ密码输入框

在这里插入图片描述在这里插入图片描述

5.checkbox 可以多项选择的选项框,每个选项都对应一个value,是可以重复存在的 ,但是name一定要相同(也可以不同但会加大服务器负担),默认选项是可以用 “checked=“checked””设定。
在这里插入图片描述
在这里插入图片描述

6.reset 重置按钮是将表单中输入的数据全部清空,不需要重新加载页面资源。
在这里插入图片描述
在这里插入图片描述

7.hidden 该标签是隐藏的不在页面中显示,用来想服务器提交一些标识或默认值的。在这里插入图片描述

隐藏按钮无法看见可在控制器查看

8.radio 单选框,每个选项框的name值要求必须要相同 单选及复选框都具有一个checked属性-默认选中
在这里插入图片描述
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值