html表单

——继续 <form>表单 的第二篇学习： 有些时候，需要调用到一些 下拉选项 ，比如国家、省份、城市，等等， 但既要保证页面的整齐洁净，又要实现功能的情况下，我们就可以使用 下拉式的选项：如下： < html > < body > < form > < select name ="coutry" > < option value ="american" > American </ option > < option value ="china" > China </ option > < option value ="japan" > Japan </ option > < option value ="france" > France </ option > </ select > </ form > < p > 其中name为定义选项表的名称，可以在适当的时候被其它页面引用。注意option的value属性值必须与国家名字相同! </ p > </ body > </ html > ——而下面是一个 多项选择 的表单(复制到DW中尝试)： < html > < body > < p > 兴趣爱好： </ p > < form name ="input" > 旅游 < input type ="checkbox" name ="interests" value ="travel

排版标签详述 p 段落标签<p> </p> 块级标签，独占一行； 文本级标签，内部不可以嵌套块级标签 段落：是英文paragraph的缩写。 属性： align='属性值'：对齐方式。属性值包括：left、center、right 代码示例： <p>这是一个段落</p> <p align="center">这是另一个段落</p> 上文已经介绍过，HTML标签是分等级的。HTML将所有的标签分为两种： 文本级标签：p、span、a、b、i、u、em。文本标签里只能放文字、图片、表单元素。 容器级标签：div、h系列、li、dt、dd。容器级标签里可以放任何东西。 从学习p的第一天开始，就要死死记住： p标签是一个文本级标签，p里面只能放文字、图片、表单元素 。其他的一律不能放。 错误写法：（把h系列的标签放到p里） # 错误示例，请注意 <p> 我是个段落 <h2>我是二级标题</h2> </p> div <div> </div>什么效果都没有的块级标签 div和span是非常重要的标签，div的语义是division“分割”； CSS中应用非常多。　　 div：把标签中的内容作为一个块儿来对待(division)。必须单独占据一行。 div标签的属性： align="属性值" ：设置块儿的位置。属性值可选择：left、right、 center 如果单独在网页中插入这两个元素

原文: http://106.13.73.98/__/9/ 目录 一、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）是一种用于创建网页的标记语言 本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页（对于不同的浏览器，对同一个标签可能会有不同的解释

1.HTML表单 HTML 表单用于搜集不同类型的用户输入。 2.method和action是什麽意思。 <form method="post"（规定如何发送表单数据 常用值：get|post） action="result.html"（表示向何处发送表单数据）></form> 3.表单的元素格式 表单的语法：<input type= "text"（ 代表 input元素类型）name= "fname"（ 代表 input元素名称） value= "text"（代表input元素的值）/> 4.文本框和密码框。密码框文字呈现*所谓密码框。 代码： <input type= "text"(文本框) name= "userName"(文本框名称) value= "用户名"(文本框初始值) size= "30"(文本框长度) maxlength= "20"(文本框可输入最多字符) /> <input type="password "(密码框) name="pass"(密码框的名称) size="20"(密码框的长度) /> 5.重置按钮reset 姓名： <input type="text" value="" name="3name"> <input type="reset" value="重置" name="5name"> 6.单选按钮radio 性别： <input type=

表单 在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签、 表单域、 表单按钮。 一 表单标签 用于申明表单，定义采集数据的范围，也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里。 < form id="Id1" name="Name1" action = " " method = "post" > < /form> // id不可重复//name可重复 // action=url ;用来指定处理提交表单的服务端.它可以是一个URL地址(提交给程式)或一个电子邮件地址. // method=get或post ;指明提交表单的HTTP方法 　　// get提交有长度限制，并且编码后的内容在地址栏可见， 　　// post提交无长度限制，且编码后内容不可见。 二 表单元素 1、文本类 （1）文本框 < input type = " text " /> 　　 是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等 <input type="text" name="example1" size="20" maxlength="15" /> // type="text" 定义单行文本输入框 // name 定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称； // size 定义文本框的宽度

经常看到图片的某个部位可以做链接，今天学到了~ <img src="8124.jpg" usemap="#map" border="0" /> <!-- 给图片的某个区域做链接 --> < map name="map"> <!--给图片命名--> <area shape="circle" coords="200,200,50" href="http://www.baidu.com/" /> <!--设置形状shape，坐标coords，和链接--> <area shape="rect" coords="200,200,300,360" href="http://www.baidu.com/" /> < /map ><br /> div标签也可以做链接的-- - iframe:在原来页面嵌入小窗口显示其他页面 < div style="height:300px; width:400px; border:1px; #666 solid"> <iframe width="600px" height="300" src="file:///C:/Users/lenovo/Desktop/%E7%BF%9F%E5%96%B5%E5%84%BF%E7%9A%84%E7%AE%80%E5%8E%86.htm" frameborder="1"> </iframe> < /div > 表单 <form

<form> form属性： name 规定表单的名称 action 规定当提交表单时向何处发送表单数据 target 规定在何处打开action属性的url method 规定如何发送表单数据，get：在url地址上面传送参数到服务器，post：在后台传送参数到服务器 enctype 规定在向服务器发送表单数据之前如何对其进行编码，只有method="post"时才使用enctype属性 application/x-www-form-urlencoded：默认，在发送前对所有字符进行编码（将空格转换为"+"符号，特殊字符转换为ASCII HEX值） multipart/form-data：不对字符编码，当使用有文件上传控件的表单时，该值是必需的 text/plain：将空格转换为"+"符号，但不编码特殊字符 表单属性： type 规定元素的类型 name 规定元素的名称 value 指定元素的值 size 规定以字符数计的元素的可见宽度 maxlength 规定元素中允许的最大字符数 disabled 规定应该禁用的元素，被禁用的input元素既不可用，也不可点击，直到满足某些条件为止 readonly 规定输入字段为只读，不能修改，不过仍然可以使用tab键切换到该字段，还可以选中或拷贝其文本 表单的type类型 text 定义单行输入字段，用户可以在其中输入文本

一、表单 　　1.表单的作用 　　HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。 　　2.表单的工作机制 　　 　　　　 　　3.表单定义（<form></form>标签） 　　 HTML表单是一个包含表单元素的区域， 表单使用<form> 标签创建。表单能够包含 input 元素 ，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus 、 textarea 、 fieldset 、 legend 和 label 元素 。注意，<form >元素是块级元素，其前后会产生折行。 1 <form action="reg.ashx" method="post"> 2 <!--表单元素在这里--> 3 </form> 　　3.表单属性 　　 action：规定当提交表单时，向何处发送表单数据。action取值为:第一，一个URL（绝对URL/相对URL），一般指向服务器端一个程序,程序接收到表单提交过来的数据（即表单元素值）作相应处理。比如<form action="http://www.cnblogs.com/reg.ashx">,当用户提交这个表单时，服务器将执行网址"http://www.cnblogs.com/"上的名为"reg.ashx"的一般处理程序。第二，使用mailto协议的URL地址

/*--> */ /*--> */ Html html又被称为：超文本标记语言(Hyper Text Markup Language) 结构图 什么是标签 标签是构成html的主要部 是由一对尖括号包裹的单词构成 标签分为两部分: 开始标签<a> 和 结束标签</a>. 两个标签之间的部分 我们叫做标签体. 有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: <br/> <hr/> <input /> <img /> 标签的属性 通常是以键值对形式出现的. 例如 id='123' 属性只能出现在开始标签 或 自闭和标签中. 如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly head标签 <meat> meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 name属性 <meat name='keywords' content='这是关键字搜索'> <meat name='description content='这是描述的内容'> http-equiv属性 <meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> 2秒后跳转网页，不加url为刷新

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="../css/formCss.css"> </head> <body> <form action=""> <fieldset> <legend>学生档案</legend> <label for="userName">姓名:</label> <input type="text" name="userName" id="userName" placeholder="请输入用户名"> <label for="userPhone">手机号码:</label> <input type="tel" name="userPhone" id="userPhone" pattern="^1\d{10}$"> <label for="email">邮箱地址:</label> <input type="email" required name="email" id="email"> <label for="collage">所属学院:</label> <input type="text" name="collage" id="collage" list="cList"