html表单

Web全栈-表单标签

对着背影说爱祢 提交于 2019-12-01 07:07:18
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单标签</title> </head> <body> <!-- 1.什么是表单? 表单就是专门用来收集用户信息的 2.什么是表单元素? 2.1什么是元素? 在HTML中 标签/标记/元素都是指HTML中的标签 例如: <a> a标签/a标记/a元素 表单元素其实还是HTML中的一些标签, 只不过这些标签比较特殊, 在浏览器中所有的表单标签都有特殊的外观和默认的功能 3.表单的格式: <form> <表单元素> </form> 4.常见的表单元素 input标签, input标签有一个type属性, 这个属性有很多类型的取值, 取值的不同就决定了input标签的功能和外观不同 5.注意: 表单元素一定要写在表单中 --> <form> <!--明文输入框--> 账号:<input type="text"><br> <!--暗文输入框--> 密码:<input type="password"><br> <!--给输入框设置默认值--> 账号:<input type="text" value="lnj"><br> 密码:<input type="password" value="123"><br> <!-- 单选框 注意点: 1

HTML介绍

和自甴很熟 提交于 2019-12-01 07:01:51
HTML是什么? 即超文本标记语言,超文本:就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。 标记语言:标记(标签)构成的语言。 网页==HTML文档,由浏览器解析,用来展示的 静态网页:静态的资源,如xxx.html 动态网页:html代码是由某种开发语言根据用户请求生成的 html文档树形结构 什么是标签? 是 由一对尖括号包裹的单词构成,例如: <html> *所有标签中的单词不可能以数字开头. 标签不区分大小写。<html>和<HTML>推荐使用小写 标签分为两部分:开始标签<a>和结束标签</a>.两个标签之间的部分,我们叫做标签体 有些标签功能特别简单,使用一个标签即可。这种标签叫做自闭和标签。例如:<br/>,<hr/>,<input/>,<img/> 标签可以嵌套,但不可以交叉嵌套。 标签的属性 通常是以键值对的形式出现,例如name="alex" 属性只能出现在开始标签和自闭和标签中 属性名字全部小写,属性值必须用双引号或单引号包裹 如果属性和属性名完全一样,直接写属性名即可,eg. readonly head标签 <meta>   meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数,这些不同的参数就实现了不同的页面功能。   1、name属性主要用于描述页面

前端——html

梦想的初衷 提交于 2019-12-01 04:56:07
<html lang="en"> <!--lang 表示的是用的是什么语言,en代表English就是英语--> <head> <meta charset="UTF-8"> HTML常用标签 <!--meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 1.http-equiv属性:相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 2.name属性: 主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。--> <title>Test</title> <!--head内常用标签 意义 <title></title> 定义网页标题 <style></style> 定义内部样式表 <script></script> 定义JS代码或引入外部JS文件 <link/> 引入外部样式表文件或网站图标 <meta/> 定义网页原信息--> <style> .q{ color: red; } </style> </head> <body> <!--body内常用标签 <b>加粗</b> <i>斜体<

form表单

旧巷老猫 提交于 2019-12-01 04:51:28
功能: 表单用于向服务器传输数据,从而实现用户与Web服务器的交互 表单能够包含input系列标签,比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含textarea、select、fieldset和 label标签。 表单属性 | 属性 | 描述 | | :------------: | :----------------------------------------------------------: | | accept-charset | 规定在被提交表单中使用的字符集(默认:页面字符集)。 | | action | 规定向何处提交表单的地址(URL)(提交页面)。 | | autocomplete | 规定浏览器应该自动完成表单(默认:开启)。 | | enctype | 规定被提交数据的编码(默认:url-encoded)。如果是上传文件需要将**enctype="multipart/form-data"** | | method | 规定在提交表单时所用的 HTTP 方法(默认:GET)。 | | name | 规定识别表单的名称(对于 DOM 使用:document.forms.name)。 | | novalidate | 规定浏览器不验证表单。 | | target | 规定 action 属性中地址的目标(默认:_self)。 | 表单元素

html

痴心易碎 提交于 2019-12-01 01:31:40
1. 1 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 1. 2 HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm 1. 3 HTML不是什么? HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。 1 | 4 HTML文档结构 最基本的HTML文档: <!DOCTYPE html> <html lang=

yii2自定义操作按钮

陌路散爱 提交于 2019-11-30 20:59:08
[ 'class' => 'yii\grid\ActionColumn', 'header' => 'Html::a('操作')',//表单头 'template' => '{view}{update}{delete}{void}',//操作按钮 'buttons' => [//操作链接    'void' => function ( $url , $model , $key ) {      return $model->status == '1' ? Html::a( '<span class="glyphicon glyphicon-user"></span>', $url, [ 'title' => '设置未无效'] ) : '';   }, ], 'headerOptions' => ['style'=>'text-align:center;'],//表单头居中 'contentOptions' => ['class'=>'text-center'],//表单内容居中 ] 来源: https://www.cnblogs.com/peipeiyu/p/11639931.html

HTML——表单标签

我的梦境 提交于 2019-11-30 17:54:41
表单标签(掌握) 现实中的表单,类似我们去银行办理信用卡填写的单子。 如下图: 目的是为了收集用户信息。 在我们网页中, 我们也需要跟用户进行交互,收集用户资料,此时也需要表单。 在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。 表单控件: 包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 提示信息: 一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。 表单域: 他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传送到后台服务器。 1.input 控件(重点) 在上面的语法中, < input / > 标签为单标签,type属性为其最基本的属性,其取值有多种,用于指定不同的控件类型。除了type属性之外, < input / > 标签还可以定义很多其他的属性,其常用属性如下表所示。 2.label标签(理解) label 标签为 input 元素定义标注(标签)。 作用: 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点 如何绑定元素呢? for 属性规定 label 与哪个表单元素绑定。for的值是要绑定元素id的值 <label

前端知识之HTML内容

泪湿孤枕 提交于 2019-11-30 16:55:37
前端知识之HTML内容 HTML介绍 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm HTML不是什么? HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。 HTML文档结构 最基本的HTML文档: <!DOCTYPE html> <html lang="zh

HTML基础

不羁岁月 提交于 2019-11-30 11:31:14
一、HTML简介 二、HTML基本结构 三、head内容 四、HTML常用标签 五、锚点 六、文本格式标签 七、语义化标签 八、实体字符 九、无序列表 十、有序列表 十一、自定义列表 十二、表格 十三、合并单元格 十四、表格标签 十五、内联框架 十六、form表单 十七、表单2 十八、HTML新增type类型 十九、HTML5新增属性 来源: https://www.cnblogs.com/Jiang-jiang936098227/p/11582147.html

了解html表单

主宰稳场 提交于 2019-11-30 10:25:52
html表单 表单的根标签:form form标签属性 action:处理表单业务的后台代码的位置(URL) method:提交方式 post get 默认值 enctype:encode type编码类型 admin 字符数据 不能直接在网络之间进行传输 所以需要先将字符数据编码成二进制数据 常用的可选值: application/x-www-form-urlencoded 默认值 multipart/form-data 当需要上传文件时,必须使用这个编码方式 注意:表单里面的数据想要提交到服务器,必须提供一个name属性 post提交与get提交的区别: 1、如果是get提交,表单数据会被拼接到地址栏的url后面;而post提交的话不会直接在地址栏显示。 2、post提交相对于get提交,安全性更高。 3、get提交一次可提交的数据不能超过1KB;而post提交时一次可提交的数据没有限制。 所以在需要上传文件时,肯定是使用post提交。 常见的表单控件有哪些? 文本框 input:text 密码框 input:password 按钮 使用<button>标签或者input:button生成按钮 <button> 标签定义一个按钮,在 button 元素内部,可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。 按钮分类:提交按钮、重置按钮