html表单

前端HTML

僤鯓⒐⒋嵵緔 提交于 2019-11-29 08:16:20
HTML介绍 Web服务本质 import socket sk = socket.socket() sk.bind(('127.0.0.1',8080)) sk.listen(5) while 1: conn,addr = sk.accept() data = conn.recv(1024) 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使用标签来描述网页。不像python编程语言一样,有逻辑什么的,这个标记语言是没有逻辑的 HTML文档结构 最基本的HTML文档: <!DOCTYPE html>

jQuery---表单事件

牧云@^-^@ 提交于 2019-11-29 06:46:40
<!DOCTYPE html> < html lang = " zh " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > Document </ title > </ head > < body > < form action = " " method = " post " > < p > < label > 账户: < input type = " text " value = " aaa " > </ label > </ p > < p > < label > 密码: < input type = " text " > </ label > </ p > < p > < input type = " submit " value = " 登录 " > </ p > </ form > < script src = " ./jquery.js " > </ script > < script > // 1. 焦点事件 $ ( 'input

HTML常用标签

独自空忆成欢 提交于 2019-11-29 06:45:50
排版标签: 标题标签:<hn></hn> (n=1~6) 段落标签:<p></p> 水平线标签:<hr/> 换行标签:<br/> 引用标签:<q></q>(短引用内联元素) <blockquote></blockquote>(长引用块级元素) 无语义标签(用于布局):<span></span>(内联元素) <div></div>(块级元素) 文本格式化标签: 图片标签: 元素:<img/> 属性: src="url"(图片链接) alt="文字"(图片无法显示时显示的文字) title="文字"(鼠标悬停时显示的文字) height="像素" width="像素"(图片显示时的高宽) border=""(边框HTML4.01不推荐使用,XHTML和HTML5不支持,建议使用CSS设置该属性值) 超链接标签: 元素:<a>文本或图像</a> 属性: href=“跳转目标” target=“目标页弹出方式” target属性值: _blank:浏览器总在一个新打开、未命名的窗口中载入目标文档。 _self:这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。 _parent

前端基础,加标签

此生再无相见时 提交于 2019-11-29 04:52:11
web服务的本质 在浏览器中敲回车发生了几件事情? 1 浏览器向服务端发请求 2 服务端接收请求 3 服务端返回相应的响应 4 浏览器接收响应,根据特定的规则渲染页面给用户看 HTTP协议 什么是http协议 又叫超文本传输协议 规定了浏览器与服务端之间传输数据的格式 四大特性 1 基于请求响应 2 基于tcp,ip之上的应用层协议 3 无状态(无法保存用户状态,每一次来都和上一次一样) 4 无连接(每一次请求,响应,都会断开连接) 请求数据的格式 1 请求数据格式 请求首行(标识了http的版本号,和请求方式) 请求头(一大堆的k,v键值对) 换行(/r/n) 请求体(携带的是一些敏感的信息,比如用户名,密码) 2 响应数据格式 响应首行(标识了http的版本号,和响应状态码) 响应头(一大堆的k,v键值对) 换行(/r/n) 响应体(返回的是html页面) 请求方式 1 get(向服务端要资源) 2 post(向服务端提交数据) html 1注释 1 单行注释 <!--单行注释--> 2 多行注释 <!-- 单行注释 --> head内常用标签 title 用来显示网页的标题 style 用来控制样式,内部支持写css代码 link 用来引入外部css文件 script 用来支持写js代码,也支持导入外界js文件 meta(http-equiv 与 content) 1 2 3

HTML学习笔记二

半世苍凉 提交于 2019-11-29 01:46:51
HTML表单: HTML表单用于搜集不同类型的输入 < form >标签元素: HTML表单用于收集用户输入; form元素定义HTML表单 < form >属性列表: 属性 描述 accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)。 action 规定向何处提交表单的地址(URL)(提交页面)。 autocomplete 规定浏览器应该自动完成表单(默认:开启)。 enctype 规定被提交数据的编码(默认:url-encoded)。 method 规定在提交表单时所用的 HTTP 方法(默认:GET)。 name 规定识别表单的名称(对于 DOM 使用:document.forms.name)。 novalidate 规定浏览器不验证表单。 target 规定 action 属性中地址的目标(默认:_self)。 表单元素: 表单元素指的是不同类型的 input元素、复选框、单选按钮、提交按钮……等 < input >标签: < input >标签元素最重要的是 表单元素 ,标签根据不同的 type 属性,有多态性。 文本输入: <input type="text" /> 定义单选按钮输入 <input type="radio" /> 定义提交按钮 <input type="submit" /> action属性: 定义在提交表单是执行的动作

用html5自带表单验证 并且用ajax提交的解决方法(附例子)

被刻印的时光 ゝ 提交于 2019-11-28 22:39:49
用submit来提交表单,然后在 js 中监听submit方法,用ajax提交表单最后阻止submit的自动提交。 在标准浏览器中,阻止浏览器默认行为使用event.preventDefault(),而在IE6~8中,使用returnValue属性来实现。 <html> <head> <script type="text/javascript" src="jquery-1.9.0.min.js"></script> </head> <body> <form action="" id='submitform'> username: <br> <input type="text" name="username" value="" required="required"> <br> password: <br> <input type="text" name="password" value="" required="required"> <br><br> <input type="submit" value="Submit"> </form> <script type="text/javascript" language="javascript"> $("#submitform").on("submit", function(event) { $.ajax({ ...... }); /

大型表单数据的获取

孤街醉人 提交于 2019-11-28 20:56:47
   如果表单数据量小的话直接通过id或者name属性即可获取数据, 但如果表单有几十上百个input 或 textarea呢?就像下面这样的表单: 一个个的获取数据很麻烦, 可以考虑用FormData + for循环获取数据 给表单的form添加一个id="FormData", 用选择器获取form元素然后传给FormData对象 代码如下: <form id='formData'> <input type='text' name='name' value='zhou'> <input type='text' name='age' value='20'> <input type='text' name='sex' value='男'> </form> <script> let fd = new FormData(document.getElementById('formData')); for (let [name, value] of fd) {    console.log("name, value",name, value);      } </script> 这样就可以获取表单的所有数据了. 但是存在问题, 如果input有相同的name属性只能获取到一个值, 后面的会把前面的覆盖, 对于大表单很可能会有相同的name属性, 比如 项目名称 项目领导人姓名 技术负责人姓名

ASP.NET(1)

血红的双手。 提交于 2019-11-28 15:31:21
1、IIS安装问题,先装VS再装IIS,处理程序映射有问题,使用VS自带的控制台输入命令,注册路径 2、开发模式,一般处理程序,使用IO操作读取html文件,使前后端分离 3、post请求和get请求 (1)如果表单是以GET方式将数据发送到服务端,那么会将用户在表单中输入的数据放在浏览器的地址栏中发送到服务端。 格式: http://localhost:3684/RequestMethod/AddUSerRequest.ashx?txtUser=rwj&txtPwd=123456 表单元素name属性的值=用户输入的值&表单元素pwd属性的值=用户输入的值 在AddUSerRequest.ashx文件中接受数据 string txtUser = context.Request.QueryString["txtUser"]; string txtPwd = context.Request.QueryString["txtPwd"]; (2)如果数据以post提交,那么表单中的数据全部都放在请求报文的请求体中,格式如下 txtUser=rwj&txtPwd=123456 string txtUser = context.Request.Form["txtUser"]; string txtPwd = context.Request.Form["txtPwd"]; (3

HTML-form表单

荒凉一梦 提交于 2019-11-28 15:09:23
Form表单用于用户进行登录,注册,提交等场景,所有要提交的数据都必须放在form标签中 <form action=" " method=" ">; action:提交地址、动作,与input标签中type标签的submit属性相关联。 <input type="submit" value="提交" />,提交地址是action的地址 method:提交方法,有get和post两种提交方法。     get方法:提交数据可以在URL中看见,      (1)以http://reg.email.163.com/unireg/call.do?cmd=register.entrance&from=126mail传递参数        (2)URL长度有限制,所以传递的参数数据就有限制        (3)由于数据可以看见,所以不安全        (4)网页默认的请求是get     post方法:           (1) 将form data 保存在http的请求        (2) 没有长度限制        (3) 提交的数据在url是看不到的,比较安全        (4) 往往在开发中用于提交数据form表单提交post        (5) 文件上传 method = post enctype=multipart/form-data 表单标签 <form>

【前端基础之HTML】

流过昼夜 提交于 2019-11-28 14:57:49
原文: http://blog.gqylpy.com/gqy/235 目录 一、HTML介绍 二、head内常用标签 三、body内常用标签 一、HTML介绍 1. web服务本质 from socket import socket, SOL_SOCKET, SO_REUSEADDR sk = socket()sk.setsockopt(SOL_SOCKET, SO_REUSEADDR, 1)sk.bind(('127.0.0.1', 8080))sk.listen() while 1: conn, addr = sk.accept() info = conn.recv(10240) print(info) conn.send(b'HTTP/1.1 200 OK\r\n\r\n') conn.send(b'<h1>Hello world!</h1>') conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 2. HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页(对于不同的浏览器