html表单

表单小案例

断了今生、忘了曾经 提交于 2019-11-27 16:11:51
1.html代码 1 <form action=""> 2 <fieldset> 3 <legend>学生档案</legend> 4 <label for="userName">姓名:</label> 5 <input type="text" name="userName" id="userName" placeholder="请输入用户名"/> 6 <label for="userPhone">手机号码:</label> 7 <input type="tel" name="userPhone" id="userPhone" pattern="^1\d{10}$"/> 8 <label for="email">邮箱地址:</label> 9 <input type="email" required name="email" id="email"/> 10 <label for="collage">所属学院:</label> 11 <input type="text" name="collage" id="collage" list="cList" placeholder="请选择"/> 12 <datalist id="cList"> 13 <option value="前端与移动开发学院"></option> 14 <option value="java学院"></option>

【前端基础之HTML】 -- 2019-08-16 22:36:05

那年仲夏 提交于 2019-11-27 14:00:33
原文: 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)是一种用于创建网页的标记语言 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页(对于不同的浏览器

【前端基础之HTML】 -- 2019-08-16 22:14:28

拟墨画扇 提交于 2019-11-27 13:58:36
原文: 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)是一种用于创建网页的标记语言 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页(对于不同的浏览器

【前端基础之HTML】 -- 2019-08-16 19:32:06

坚强是说给别人听的谎言 提交于 2019-11-27 13:36:46
原文: 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)是一种用于创建网页的标记语言 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页(对于不同的浏览器

【前端基础之HTML】 -- 2019-08-16 19:24:54

隐身守侯 提交于 2019-11-27 13:35:51
原文: 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)是一种用于创建网页的标记语言 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页(对于不同的浏览器

js 判断判断多选表单checkbox

删除回忆录丶 提交于 2019-11-27 12:47:20
html代码 <input type="checkbox" class="ace auth_id" name="ckb[]" value="{!! $item->id !!}"/> <input type="checkbox" class="ace auth_id" name="ckb[]" ........... /> <input type="checkbox" class="ace auth_id" name="ckb[]" ........... /> <input type="checkbox" class="ace auth_id" name="ckb[]" ........... /> <input type="checkbox" class="ace auth_id" name="ckb[]" ........... /> <button id="pass" type="submit" class="btn btn-sm btn-primary ">通过</button> <button id="deny" type="submit" class="btn btn-sm btn-primary ">失败</button> js代码 $('#pass').on('click',function(){ var idArray = []; $('.ace.auth_id'

【前端基础之HTML】 -- 2019-08-16 11:49:14

会有一股神秘感。 提交于 2019-11-27 12:25:22
原文: 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)是一种用于创建网页的标记语言 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页(对于不同的浏览器

java+web+大文件上传下载

|▌冷眼眸甩不掉的悲伤 提交于 2019-11-27 12:08:29
文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。 一、前端代码 英国程序员 Remy Sharp 总结了这些 新的接口 ,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强: * iframe上传    * ajax上传    * 进度条    * 文件预览    * 拖放上传 1.1 传统形式   文件上传的传统形式,是使用表单元素file,参考 http://www.ruanyifeng.com/blog/2012/08/file_upload.html : <form id="upload-form" action="upload.php" method="post" enctype="multipart/form-data" >     <input type="file" id="upload" name="upload" /> <br />     <input type="submit" value="Upload" /> </form> 所有浏览器都支持上面的代码,点击上传按钮后,网页"锁死",用户只能等待上传结束,然后浏览器刷新,跳到表单的action属性指定的网址。 1.2 iframe上传   用户点击submit时,动态插入一个iframe元素 var form = $("

前端HTML

♀尐吖头ヾ 提交于 2019-11-27 07:35:57
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使用标签来描述网页。不像python编程语言一样,有逻辑什么的,这个标记语言是没有逻辑的 HTML的文档结构 <!DOCTYPE

HTML标签天天练7--表单4<form>[textarea]到此 表单学习结束

 ̄綄美尐妖づ 提交于 2019-11-27 06:09:28
—— 继续 上一篇内容,用户在输入文本的时候,我们要保证有一定的区域,比如写一些自述:如下: < html > < body > < p > 输入您的个人描述: </ p > < textarea rows ="10" cols ="30" > 个人描述: </ textarea > < p > 注意,rows代表列高,cols代表列宽! </ p > </ body > </ html > ——另有一种<fieldset>标签可以让form被一条线框围绕,但夜风考虑到没有什么实际作用,故在此不描述! ——<form>标签到这里全部讲述完了,希望大家有所收获, 有疑问的同学可以 联系夜风 再探讨 。对于表单还有更多精彩的实例,夜风将在以后的中高级课程中教给大家! 转载于:https://www.cnblogs.com/nngood2011/archive/2012/03/03/2378130.html 来源: https://blog.csdn.net/weixin_30678349/article/details/99485545