html表单 | 易学教程

表单元素的属性

阅读更多关于表单元素的属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="button" value="按钮" id="btn"> <input type="button" value="设置文本框的值" id="btn1"> <br> <input type="text" id="txt" value='123'> <script> // 获取元素 var btn = document.getElementById('btn'); // 注册事件 btn.onclick = function () { var txt = document.getElementById('txt'); console.log(txt.value); console.log(txt.type); // 当html中的标签的属性，只有一个值的时候 // DOM中对应的元素的属性值是布尔类型 console.log(txt.disabled); txt.disabled = true; } var btn1 = document.getElementById('btn1'); btn1.onclick = function () { var txt

Django表单(forms.ModelForm)

阅读更多关于 Django表单(forms.ModelForm)

在定义forms.py表单的时候，很多字段信息是和models.py文件里的模型基本上是一模一样的，为了避免重复的代码，我们引入了ModelForm，将模型和表单进行绑定，示例代码如下：（用法和forms.Form表单一样） 1、models.py文件 from django.db import models from django.core import validators class Book(models.Model): title = models.CharField(max_length=100) page = models.IntegerField() # price = models.FloatField() # 可以直接在建表的时候单独给某个字段加验证器：限制价格不能超过1000 price = models.FloatField(validators.MaxValueValidator(limit_value=1000)) 2、app新建forms.py文件 from django import forms # 注意是django下的forms from one.models import Book # 将表单AddBookForm与Book模型进行绑定 # 继承的是forms.ModelForm class AddBookForm(forms

表单标签

阅读更多关于表单标签

<form>定义用户输入的HTML表单。 <input>定义输入控件 <textare>定义多行文本的输入控件 <select>定义选择列表（下拉列表） <option>定义选择列表中的选项 <label>定义input元素的标注。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <form action="http://wwww.baidu.com"> <label>用户名</label> <input type="text" placeholder="请输入用户名"/> <br> <br> <label >密码</label> <input type="password"placeholder="请输入密码" /> <br> <br> <label>个人介绍</label> <textarea name="" id="" cols="30" rows="10"> rows定义行数，多行输入文本 </textarea> <br> <br> <label >性别</label> <select name="sex" id=""> <option value="男">男</option> <option value="女">女</option> </select>

HTML5-表单

阅读更多关于 HTML5-表单

HTML5表单相关的元素和属性 HTML使用表单向服务器提交请求，表单、表单控件的主要作用是收集用户输入，当用户提交表单时，用户输入内容将被作为请求参数提交到远程服务器。因此，在Web编程中，表单主要是用于收集用户输入的数据，在需要与用户交互的Web页面中，表单、表单控件都是极为常用的。　　HTML 5 在保留HTML原来的表单及表单控件，并对它们进行了功能上的增强。　　下面介绍了HTML原有的表单及表单控件。 1.form 元素 action :指定当点击表单内的“确认”按钮时，该表单被提交到哪个地址。该属性既可指定一个绝对地址，也可指定一个相对地址。 method :指定提交表单时发送何种类型的请求，该属性可以是get或post，分别用于发送GET或POST请求。通常建议发送POST请求。 enctype :指定对表单内容进行编码所使用的字符集 name :指定表单的唯一名称，建议该属性值与id属性值保持一致。 target :指定使用哪种方式打开目标URL（提交请求会打开另一个URL资源），与超链接的target可接受的属性值完全一样，该属性可以是_blank、_parent、_self和_top四个值其中之一 GET方式的请求 :GET方式的请求会将请求参数的名和值转换成字符串，并附加在原URL之后，因此可以在地址栏中看到请求参数名和值。且GET请求传送的数据量较小

EasyUi获取表单所有字段和相应值，非官方form提交

阅读更多关于 EasyUi获取表单所有字段和相应值，非官方form提交

js: // 定义变量var formData = {}; // 获取表单所有字段和相应值装填到formData变量中 var fields = $("[data-field]"); fields.each(function (index, item) { if ($(item).hasClass("textbox-f")) { $(item).next().find(".textbox-value").each(function (index2, item2) {　　　　　　　// 根据dom节点的自定义属性[data-field]来定义json对象的属性名 formData[item.dataset.field] = item2.value; 　　　　　　// 若组件为combobox或combo或combogrid或combotreegrid则会获取到所选项的value值，非text值　　　　　}); 　　} else { 　　　　　if ($(item).attr("data-fordom") != undefined) { 　　　　　　　// 获取easyui-combobox所选项的text值，根据input标签上自定义属性[data-fordom]指定的dom节点id,获取下拉框文本 formData[item.dataset.field] = $("#" +

GET和POST区别和用法；ContentType

阅读更多关于 GET和POST区别和用法；ContentType

很多人都分不清GET与POST的区别，以及什么时候用GET？什么时候用POST？ GET和POST两种方法都是将数据送到服务器，但你该用哪一种呢？ HTTP标准包含这两种方法是为了达到不同的目的。POST用于创建资源，资源的内容会被编入HTTP请示的内容中。例如，处理订货表单、在数据库中加入新数据行等。当请求无副作用时（如进行搜索），便可使用GET方法；当请求有副作用时（如在数据库添加数据行），则用POST方法。一个比较实际的问题是：GET方法可能会产生很长的URL，或许会超过某些浏览器与服务器对URL长度的限制。若符合下列任一情况，则用POST方法：请求的结果有持续性的副作用，例如，数据库内添加新的数据行。若使用GET方法，则表单上收集的数据可能让URL过长。要传送的数据不是采用7位的ASCII编码。若符合下列任一情况，则用GET方法：请求是为了查找资源，HTML表单数据仅用来帮助搜索。请求结果无持续性的副作用。收集的数据及HTML表单内的输入字段名称的总长不超过1024个字符。表单提交中Get和Post方式的区别 1. get是从服务器上获取数据，post是向服务器传送数据。　　2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制

GET和POST区别和用法

阅读更多关于 GET和POST区别和用法

GET和POST区别和用法

阅读更多关于 GET和POST区别和用法

多人都分不清GET与POST的区别，以及什么时候用GET？什么时候用POST？ GET和POST两种方法都是将数据送到服务器，但你该用哪一种呢？ HTTP标准包含这两种方法是为了达到不同的目的。POST用于创建资源，资源的内容会被编入HTTP请示的内容中。例如，处理订货表单、在数据库中加入新数据行等。当请求无副作用时（如进行搜索），便可使用GET方法；当请求有副作用时（如在数据库添加数据行），则用POST方法。一个比较实际的问题是：GET方法可能会产生很长的URL，或许会超过某些浏览器与服务器对URL长度的限制。若符合下列任一情况，则用POST方法：请求的结果有持续性的副作用，例如，数据库内添加新的数据行。若使用GET方法，则表单上收集的数据可能让URL过长。要传送的数据不是采用7位的ASCII编码。若符合下列任一情况，则用GET方法：请求是为了查找资源，HTML表单数据仅用来帮助搜索。请求结果无持续性的副作用。收集的数据及HTML表单内的输入字段名称的总长不超过1024个字符。表单提交中Get和Post方式的区别 1. get是从服务器上获取数据，post是向服务器传送数据。 2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制

【前端基础之HTML】

阅读更多关于【前端基础之HTML】

原文: 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

阅读更多关于前端基础 & 初识HTML

WEB 服务本质 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8081)) sock.listen(5) while True: print("server is working.....") conn, address = sock.accept() request = conn.recv(1024) conn.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n<h1>Hello Yuan</h1>","utf8")) conn.close() if __name__ == '__main__': main() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTML 是什么？超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）网页文件的扩展名：.html或.htm HTML 不是什么

订阅 html表单