谈谈表单

1 篇文章 0 订阅
1 篇文章 0 订阅

表单

HTML 表单用于收集用户输入。

表单元素指的是不同类型的 input 元素、---文本框,普通按钮,复选框、单选按钮、提交按钮等等。

表单元素可以有一个form父元素;这包含着表单提交的目标(action)和提交的方式(method)


1.文本框:有name和value属性name负责和后台交互,value负责文本框的内容,

<input type="text" value="这是一段文本">

2.普通按钮有name和value属性,name负责和后台交互,value负责显示按钮的内容,

<input type="button" value="按钮">

3.复选按钮 value 属性值不会显示在用户界面中。value 属性用于表单数据的提交(只有选中的复选框才会传递数据到服务端,如果什么都没选则不传递复选框数据)。name 属性是为了返回box名称(与其他复选按钮分开区别)checked属性重要,checked的值为true或者为“checked”表示该复选框被选择

<input type="checkbox" value="多选">多选1
<input type="checkbox" value="多选">多选2
<input type="checkbox" value="多选">多选3

<input type="checkbox" value="多选">多选4



4.单选框:和复选框一样,单选框只能同事选择一个,属性一致

5.提交按钮表单数据提交到 Web 服务器

<input type="submit" value="提交">









  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cookie、sessionStorage和localStorage都是用于在浏览器端存储数据的技术,但它们的作用和使用方式略有不同。 1. Cookie Cookie是由服务器发送到浏览器并存储在本地的一个小文件,每次请求同一服务器时,浏览器都会将cookie发送给服务器。主要作用是记录用户的登录状态、浏览历史、购物车等信息。Cookie有以下特点: - 大小限制:一个cookie的大小通常不能超过4KB。 - 安全性:cookie是明文存储在本地的,因此容易被恶意攻击者窃取,可以通过设置cookie的属性来增强安全性。 - 有效期:可以设置cookie的有效期,过了有效期就会被浏览器自动删除。 2. sessionStorage sessionStorage是HTML5提供的一种本地存储技术,它只在当前浏览器窗口关闭前有效。主要作用是在同一窗口中的多个页面之间共享数据,例如表单数据、浏览历史等。sessionStorage有以下特点: - 大小限制:可以存储大量数据,但是不同浏览器的限制不同,大约在5MB左右。 - 安全性:sessionStorage只能在同一浏览器窗口中访问,因此安全性较高。 - 生命周期:sessionStorage的生命周期只在当前浏览器窗口关闭前有效。 3. localStorage localStorage也是HTML5提供的一种本地存储技术,与sessionStorage相比,localStorage的生命周期更长,可以在不同窗口、不同浏览器甚至不同电脑间共享数据。localStorage有以下特点: - 大小限制:可以存储大量数据,但是不同浏览器的限制不同,大约在5MB左右。 - 安全性:localStorage存储在本地,容易被恶意攻击者窃取,可以通过设置localStorage的属性来增强安全性。 - 生命周期:localStorage的生命周期是永久的,除非用户手动删除或清除浏览器缓存。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值