html表单

python-form表单

亡梦爱人 提交于 2019-12-06 10:23:52
form表单 form属于块级标签 功能: 表单用于向服务器传输数据,从而实现用户与web服务器的交互 表单能够包含input系列标签,比如文本字段。复选框。单选框。提交按钮等等 表单还可以包含textarea select fieldset labl标签 表单属性: 属性 描述 accept-charset 规定在提交表单时使用的字符集(默认:页面字符集) action 规定向何处提交表单的地址 URL(提交页面) autocomplete 规定浏览器应该自动完成表单(默认:开启) enctype 规定被提及的数据的编码(默认:url-encoded) methon 规定提交表单时所用的方法(默认:get) name 规定识别表单的名称(对于DOM 使用:document.forms.name) novalidate 规定浏览器不验证表单 target 规定action属性中地址的目标(默认:_self) 表单元素: 基本概念: html表单是html里比较复杂的部分,表单往往和脚本 动态页面 数据处理等功能结合 因此他是制作动态网站很重要的内容 表单一般手机用户的输入信息 表单工作原理: 访问者在浏览表单网页时,可填写必须的信息,然后按某个按钮提交。这些信息通过internet传送的服务端 服务器上专门的程序对这些数据进行处理,如果有错误会返回错误信息,并要求纠正错误

layui之表单

纵然是瞬间 提交于 2019-12-06 10:23:13
1.使用 layui 针对各种表单元素做了较为全面的UI支持,你无需去书写那些 UI 结构,你只需要写 HTML 原始的 input、select、textarea 这些基本的标签即可。我们在 UI 上的渲染只要求一点,你必须给表单体系所在的父元素加上 class="layui-form" ,一切的工作都会在你加载完form模块后,自动完成。如下是一个最基本的例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui.form小例子</title> <link rel="stylesheet" href="layui.css" media="all"> </head> <body> <form class="layui-form"> <!-- 提示:如果你不想用form,你可以换成div等任何一个普通元素 --> <div class="layui-form-item"> <label class="layui-form-label">输入框</label> <div class="layui-input-block"> <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input"> </div>

HTML表单里的Label标签

爱⌒轻易说出口 提交于 2019-12-06 06:27:22
在Dreamweaver中,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个<label></label>,一直没明白这个label是做什么的,今天正好看到了解释: Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。 FOR属性 功能:表示Label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点。 用法:<Label FOR="InputBox">姓名</Label><input ID="InputBox" type="text"> ACCESSKEY属性: 功能:表示访问Label标签所绑定的元素的热键,当您按下热键,所绑定的元素将获取焦点。 用法:<Label FOR="InputBox" ACCESSKEY="N">姓名</Label><input ID="InputBox" type="text"> 局限性:accessKey属性所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键。 注释 要将 LABEL 绑定到其它的控件,请将 LABEL 元素的 FOR 属性设置为与该控件的 ID 相同。将 LABEL 绑定到控件的 NAME 属性毫无用处。但是,要提交表单,你必须为 LABEL 元素所绑定到的控件指定NAME。 有两种方法给所指定的快捷键添加下划线。LABEL 元素的 rich

美化表单——单选按钮

我只是一个虾纸丫 提交于 2019-12-06 04:29:11
作者:hu_time 描述:自定义input单选按钮的样式 例子中改变的是单选框的样式,多选框同理。改变属性即可 代码复制即用可自行更改样式: 改变小圆点的样式: html: //按钮容器 < div class = " zhifu-box " > 请选择支付方式: </ br > < label class = " radio-item " > <!-- 默认的按钮 --> < input name = " gender " type = " radio " > <!-- 自定义的按钮 --> < span class = " radio " > </ span > < span > 微信支付 </ span > </ label > < label class = " radio-item " > <!-- 默认的按钮 --> < input name = " gender " type = " radio " > <!-- 自定义的按钮 --> < span class = " radio " > </ span > < span > 微信支付 </ span > </ label > </ div > css: .zhifu-box { width : 95% ; margin : 0 auto ; background-color : #fff ; /* text

前端HTML

杀马特。学长 韩版系。学妹 提交于 2019-12-05 17:31:36
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

第六章 Django表单

两盒软妹~` 提交于 2019-12-05 15:28:12
一、HttpRequest对象的方法和属性 request.path:完整路径,不包含域名,包含前导斜线,如:/helllo/ request.get_host():域名,如:http://127.0.0.1:8080 request.get_full_path():包含查询字符串的路径,如:/hello/?id=1 request.is_secure():通过HTTPS访问为True,否则为False request.GET:获取get数据,通过表单和URL request:POST;获取post数据,通过表单 二、表单处理实例 urls.py from django.urls import path,re_path from books.views import search_form,search urlpatterns = [ path('search_form',search_form), re_path(r'^search/$',search), ] search_form.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>search</title> </head> <body> <form action="/books/search/" method="get">

HTML 3-列表、表单、语义化

喜夏-厌秋 提交于 2019-12-05 09:33:50
有序列表、无序列表、自定义列表在语义上的区别 1.有序列表ol>li;列表有顺序编号(默认列表前加1.,2.,3.,...编号),适用于有逻辑顺序的排列项目,而且次序不能乱。 2.无序列表ul>li;列表无顺序(默认列表前加"."),适用于并列显示的项目,项目无先后顺序 3.自定义列表dl>dt表头>dd表内容,dt为项目名称,dd项目名称的描述,一个项目名称可以有多个项目描述。自定义列表更简单,精准 如何嵌套:把一个元素放在另外一个元素中称为"嵌套",在列表中,可以把一个ol或者ul作为某个li的内容,这样就在列表中嵌套了另一个列表。 示例: <!doctype html> <html> <head> <meta charset="utf-8"> <title>html4-001</title> </head> <body> <ol class='order'> <li>有序列表0001</li> <li>有序列表002 <ul class='unordered'> <li>嵌套无序列表001</li> <li>嵌套无序列表002</li> </ul> </li> <li>有序列表0003</li> <li>有序列表004 <dl> <dt> 自定义列表001<dd>自定义列表项目描述</dd> </dt> </dl> </li> </ol> </body> </html>

Android模拟表单提交(上传文件)

半世苍凉 提交于 2019-12-05 08:20:33
通过form表单进行上传文件 <html> <body> <form action="upload_file.php" method="post" enctype="multipart/form-data"> <label for="file">Filename:</label> <input type="file" name="file" id="file" /> <br /> <input type="submit" name="submit" value="Submit" /> </form> </body> </html> 利用android api自带的httpclient进行模仿web中的form表单进行提交 public class MainActivity extends Activity { protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); new Thread() { public void run() { try { doUPloadFile(); } catch (Exception e) { e.printStackTrace(); } }; }

JavaScript遍历表单元素

自作多情 提交于 2019-12-05 06:04:55
运行效果: 源代码: 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表单</title> 6 </head> 7 <body> 8 <form name="myForm"> 9 <table> 10 <tr> 11 <td width="53%"> 12 <label for="fullName">姓名:</label><input id="fullName" type="text" name="fullName" size="20"><br /> 13 <label for="passWord">密码:</label><input id="passWord" type="password" name="passWord" size="20"></td> 14 <td width="47%">性别: 15 <input id="male" type="radio" name="gender" value="男" checked><label for="male">男</label>  16 <input id="female" type="radio" name="gender" value="女"><label for="female">女</label> 17 <

HTML

ぐ巨炮叔叔 提交于 2019-12-05 04:32:01
注:本文档特别感谢小萌萌老师的特别关心与教导。 HTML介绍:   web标准组成:      html基本结构:     html基本语法:   <标记 属性=“属性值” 属性=“属性值”></标记>   例如:<head></head>   <标记 属性=“属性值” />   例如:<meta charset=”utf-8”> HTML常用标签:   1 <h1>LOGO</h1> 2 <h2>二级标题</h2> 3 <h3>三级标题H3</h3> 4 <h4>四级标题H4</h4> 5 <h5>五级标题</h5> 6 <h6>六级标题</h6> 7 8 注:文本标题标签自带加粗,有自己的文本大小,并且独占一行,有默认间距 文本标题(h1-h6) 1 <p>段落文本内容</p> 2 标识一个段落(段落与段落之间有段间距) 段落文本 1   2 所占位置没有一个确定的值,这与当前字体字号都有关系. 空格 1 <br /> 2 换行是一个空标记(强制换行) 换行(br) 1 <hr />空标记 水平线 1 A、<b>加粗内容</b>只是显示加粗 2 B、<strong>强调的内容</strong>突出的文本 加粗有两个标记 1 <em>强调文本</em> 2 <i>倾斜文本</i> 倾斜 1 <u>文本</u>下划线 2 3 <del>文本</del>删除线 4 5 <s>文本<