表单html遇到的问题及处理,HTML表单常见问题
form表单有什么作用?
form表单用于搜集用户输入并提交至web服务器。
有哪些常用的input 标签,分别有什么作用?
文本/密码
一般不设置value,value值为用户输入的值
placeholder属性,用于在输入框内给用户提供提示文字,帮助用户填写输入字段,不影响实际value值。用户输入值后会消失。
单选/复选框
同一组数据的name值需保持相同
label元素的for属性值与关联元素id值保持一致,则点击label 元素内文本,浏览器就会自动将焦点转到和标签相关的表单控件上。
必须设置value值,否则选中项的值无法提交
男
女
游泳:
篮球:
足球:
文件
accept属性:可接受的文件类型
按钮
隐藏域
提交数据但前台不显示
post 和 get 方式的区别?
GET方法
查询字符串(名称/值对)是在 GET 请求的 URL 中发送的
受限于url的最大长度2048个字符.
只允许 ASCII 字符。
与 POST 相比,GET 的安全性较差,因为所发送的数据是 URL 的一部分,对所有人可见。因此在发送密码或其他敏感信息时绝不要使用 GET !
/test/demo_form.asp?name1=value1&name2=value2
POST方法
查询字符串(名称/值对)是在 POST 请求的 HTTP 消息主体中发送的
对数据类型、长度均无限制
比 GET 更安全,因为参数不会被保存在浏览器历史或 web 服务器日志中。
POST /path/script.cgi HTTP/1.0
From: frog@jmarshall.com
User-Agent: HTTPTool/1.0
Content-Type: application/x-www-form-urlencoded
Content-Length: 32
home=Cosby&favorite+flavor=flies
使用场景
(1)如果表单正在更新数据,或者包含敏感信息(例如密码)时,最好是用POST。POST 的安全性更加,因为在页面地址栏中被提交的数据是不可见的。
(2)如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息时使用GET。GET适合少量数据的提交,因为浏览器会设定容量限制。
在input里,name 有什么作用?
用于定义 input 元素的名称,与提交的数据(value)形成一对键值对,一起提交给服务器。它帮助服务器识别输入的数据。
如下面的例子,用户在输入框内输入“xiaoming”并提交后,会向服务器提交name=xiaoming
radio 如何分组?
name属性相同的,即为一组。
小明
小红
placeholder 属性有什么作用?
可在输入框内给用户提供一些提示,帮助用户填写输入字段,不影响实际value值。用户输入值后会消失。
type=hidden隐藏域有什么作用? 举例说明
隐藏域与其他表单元素一样,用于发送name=value的数据给服务器,但是该标签下的内容在用户看到的页面上无任何显示。
表单html遇到的问题及处理,HTML表单常见问题相关推荐
- mysql 优化表 3000万_mysql优化:专题三、关于单表查询,可以这么优化
mysql优化:专题三.关于单表查询,可以这么优化 作者:PHPYuan 时间:2018-10-18 03:41:26 上篇讲解了「mysql优化专题」90%程序员都会忽略的增删改优化(2),相信大家 ...
- ajax form表单提交_开发日志:金数据表单自动提交脚本
最近学校要求我们每天通过一个在线表单打卡自己在家做的体育课项目,在提交的时候我突然想了下如果能有一个自动的系统每天帮我自动打卡岂不是能省很多时间?而且我一直很想学Python的网络爬虫以及服务器后端的 ...
- 已知线性表最多可能有20个元素,存储每个元素需要8字节,存储每个指针需要4字节。当元素个数为( )时使用单链表比使用数组存储此线性表更加节约空间。
已知线性表最多可能有20个元素,存储每个元素需要8字节,存储每个指针需要4字节.当元素个数为( 大于等于13 )时使用单链表比使用数组存储此线性表更加节约空间. 使用数组存储线性表需要提前分配好数组空 ...
- php获取表单信息的代码_PHP获取HTML文件名表单数据等
1.PHP获取表单各项数据 --- 与表单提交的方式有关 GET方式,格式:$_GET["formelement"] POST方式,格式:$_POST["formelem ...
- Vant-UI 表单组件(Field组件):验证表单元素表单提交 - 踩坑篇
Vant-UI 表单组件(Field组件):验证表单元素&&表单提交: 示例截图 · 如下: 示例 · 详细代码 · 如下: <template><div class ...
- 表单设置默认值_你还不知道表单怎么设计吗?看这里!
表单是电子商务.社交互动和大多数基于生产力应用类型的网站的关键.尽可能简单,微小的变化都有可能极大的提高用户体验. 一.设计原则 尽量减少痛苦 填写过程尽量简洁.容易. 说明填写完成路径 清晰的告诉人 ...
- html表单的首要标记是form,关于html中表单form标记的介绍
表单在Web网页中用以让访问者输入数据,当提交表单时,表单中输入的数据被打包传递给Web服务器端的程序以处理,从而使得Web服务器与用户之间具有交互功能. 首先我们来说说关于表单的工作机制,浏览器将用 ...
- 链表的特点,单链表的定义、存储结构,单链表的基本操作(判断链表是否为空、销毁链表、清空链表、求链表表长、查找、插入、删除,建立单链表)
目录 一.链表(链式存储结构)的特点 二.单链表的定义和表示 1.带头结点的单链表 2.单链表的存储结构 三.单链表基本操作的实现 1.单链表的初始化(带头结点的单链表) 2.补充单链表的几个常用简单 ...
- 【C数据结构】单链表的实现以及链表和顺序表的优缺点
文章目录 一.链表和顺序表的相辅相成 二.认识链表的最简单结构(单链表) 1.单链表的结构: 2.单链表的简单操作实现: (1).提前准备(头文件和测试源文件) (2).单链表的头插.尾插与创建一个新 ...
- vue 根据字符串生成表单_vue自定义表单生成器,可根据json参数动态生成表单
介绍 form-create 是一个可以通过 JSON 生成具有动态渲染.数据收集.验证和提交功能的表单生成器.并且支持生成任何 Vue 组件.结合内置17种常用表单组件和自定义组件,再复杂的表单都可 ...
最新文章
- SAP QM MB56 报表没有结果之分析与对策
- 关于爬虫的日常复习(8)—— 实战:request+正则爬取猫眼榜单top100
- 故障码123401_故障引导案例 | 宝马F18 ECM故障引导
- SpringMVC学习笔记(二)常用注解
- 数据结构中图的一些定义
- 你所不知道的setTimeout
- 初中变成了菜园子了!
- linux host命令超时,Linux中的PING命令。每日一个小知识。不怕学不会
- SequoiaDB数据水平分区简介
- Redis学习总结(22)——Redis的主从复制是如何做的?复制过程中也会产生各种问题?
- Python学习笔记(2) Python提取《釜山行》人物关系
- 《CCNA网络技术学习指南》-命令版
- 慕有轶:看不清的方向,你还在盲目操作,犹如飞蛾扑火!
- MS08067红队攻防第二期 开班啦~(附最新授课目录)
- 可在linux运行的酷q,Linux通过docker安装运行酷Q--用QQ骰子君进行跑团
- c百分号输出格式汇总
- 四、数据仓库--ORACLE数据库卸数实现
- 偶2016年要做的几件大事
- excel文件无法打印提示内存不足_Mac应用程序无法打开提示不明开发者或文件损坏的处理方法
- MATLAB代码:基于粒子群算法的电动汽车充电站最优选址和定容
热门文章
- [源码和报告分享] 基于VC++的MFC类库实现的通讯录管理系统
- memcached服务安装与卸载
- 如何实现一个无边框Form的移动和改变大小(一)
- Eclipse @override报错解决
- php中关系运算符的优先级,PHP 运算符优先级
- 线程基础阶段性总结和扩展(一)
- 解决使用redis作为session缓存 报错 Error: no such key 的问题
- RabbitMQ死信队列应用场景之模拟未支付订单自动取消
- Spring Cloud Sleuth链路跟踪之使用Mysq保存服务链路跟踪信息(学习总结)
- Android开发之手机定位