任务5作业

1、form表单有什么作用?有哪些常用的input 标签,分别有什么作用?

form表单的作用就是用于收集以前写的一些信息,然后提交给网站后台。
input 标签,分别有什么作用?
(1)text 类型
普通文本
(2)password 类型
输入密码框,输入的字符自动变为点。以防他人窃取信息
(3)checkbox 类型
checkbox 输入复选框,可以选择不只一个
(4)radio 类型
输入单选框,只能选择一个
(5)file 类型
上传文件
(6)submit 类型
提交表单
(7)button 类型
能点击,但不会提交
(8)reset 类型
重置表单
(9)hidden类型
这个输入框是隐藏的。
(10)菜单<select>
选项列表
(11)<textarea>
可输入多行文本

2、post 和 get 方式的区别?

  • 关于方式上
    对于get方式当浏览器向服务器发送请求的时候,它会把所有请求数据把它拼接成key=value的形式连接到一起然后组装到url上。
    对post请求 这个url不会发生变化,但是数据会被发送到后台。

  • 关于安全性
    get方式不安全 密码会被传送到url上,很容易泄露
    post方式更为安全

  • 数据量的要求
    get 有限制
    post 没有限制

3、在input里,name 有什么作用?

我们整理数据给后端的时候,会把所有东西组成key value的
形式,而这个key值,就是name的值。
所以所有的input都要加上name,否则就是白写。

4、radio 如何 分组?

通过设置name值, name值相同的为一个组

5、placeholder 属性有什么作用?

输入提示

6、type=hidden隐藏域有什么作用? 举例说明

(1)隐藏域在页面中对于用户是不可见得,在表单中插入隐藏域的目的在于收集或发送信息,以利于
被处理表单的程序使用。浏览器者单击发送按钮发送表单时候,隐藏域的信息也被一起发送到服务器。
(2)后端接收前端传来的数据,需要确认前端的身份,是本公司的网页传来的数据,而不是
其他黑客知道后端地址后传来的假数据,那么就加一个隐藏域。验证value里的值和数据库的name
值是不是对应的。
(3)有时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那个
按钮提交上来的呢,我们就可以通过写一个隐藏域,然后在每个按钮处加上onclick="document.form.command.value ="xx""
然后先检查command的值就会知道用户是按那个按钮提交上来的。
(4)有时候一个网页中有多个form,我们知道多个forms是不能同时提交的,
但是有时这些form确实相互作用,我们就可以在form中添加隐藏域来使它们联系起来。
(5)JavaScript不支持全局变量,但有时我们必须用全局变量,我们就可以先把值存在隐藏域里,
它的值就不会丢失了。
(6)比如按一个按钮弹出四个小窗口,当点击其中一个小窗口时其他的三个自动
关闭,可是IE不支持小窗口相互调用,所以只有在父窗口写个隐藏域,当小窗口
看到那个隐藏域的值是close时就自己关掉。

写一篇博客简单介绍 HTML 表单的用法,附上博客链接
博客链接

实现如下表单,附上预览地址。其中性别和取向是单选,爱好是多选。
预览

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,723评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,080评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,604评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,440评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,431评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,499评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,893评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,541评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,751评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,547评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,619评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,320评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,890评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,896评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,137评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,796评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,335评论 2 342

推荐阅读更多精彩内容