python之HTML(meta,input等基础标签)
python之HTML 注释格式: 单行注释:<!--注释内容--> 多行注释:#注释内容--> 标签分类: head标签中: 自闭合标签:(最好在标签后加/) meta: 编码,跳转,刷新,关键字,描述,IE兼容 <meta charset="UTF-8"> <meta http-equiv="Refresh" Content="3"> 3秒刷新一次页面 <meta http-equiv="Refresh" Content="3;Url=http://www.baidu.com"> 3秒后进入新的网址 <meta name="keywords" content="xxx"> 网站关键字 <meta name="description" content="xxx"> 网站描述 <meta http-equiv="X-UA-Compatible" Content="IE=IE9;IE=IE8;"> 主动闭合标签: link:窗口栏图标 <link rel="shortcut icon" href="image/favicon.ico"> href后面的内容是该html文件所在的路径 title:窗口栏文字信息 <title>这是一个窗口栏</title> style script body标签:<body> 块级标签:无论内容多少,选中的时候选择该行所有内容 符号: <a href="http://www.baidu.com">百 度  表示空格,多个表示多个空格(还有其他符号的表示方法) p标签:表示一个段落,多个段落之间有空格 <p>这是一个段落</p> br标签:表示同一个段落的换行 <p>这是第一行<br/>这是第二行</p> h标签:标题,加数字表示字体大小(字体加大加粗) <h1>这是一种字体</h1> <h2>这是第二种字体</h2> div标签:(白板) <div></div> ... 行内标签:(无法设置高度,宽度,padding,margin)取决于内容的多少,即选中的时候只选择该长度的内容 span标签:(白板)多个该标签存在时内容都在同一行 <span>这是一个测试</span> input标签:(配合form标签使用)(只有input标签的内容才传到后台) <form action="xxx" method="GET"> 向指定地址发送相关信息,GET方法会把信息拼接到Url上并发送,但POST方法不放到Url上 <input type="text" /> 普通文本输入框 <input type="password" /> 密码输入框,输入时显示* <input type="password" name="pwd"/> 提交后台后需要指明该标签的名称pwd,并且转为字典形式给后台:['pwd':'用户输入的密码'] <input type="text" name="query" value="默认">若Input标签是文本框类型,且有value存在时,value的值为文本框的默认值,即不输入就显示在文本框 <input type="button" value="登录"> 登录按钮 <input type="submit" value="登录2"> 提交表单时采用这种方式! <input type="reset" name="重置"> 重置,重新清空文本框的输入等 </form> ---单选框(value name属性,name相同则互斥)(可以) <form> 男:<input type="radio" name="gender" value=“1”/> radio类型为选择框,当多个radio类型时name一样时选择框互斥选,即只能选一个 女:<input type="radio" name="gender" value="2“/> 后台根据value取数据 其他:<input type="radio" name="gender" value="3" checked="checked">这里的checked是指默认选择其他! <form> ---复选框(value,name属性,批量获取数据) 篮球:<input type="check box" name="test" value="1"/> 后台根据value处理数据,check box同样有checked属性 爱好:<input type="check box" name="test" value="2"/> ---上传文件(依赖form中的属性才可以上传) <form enctype="mutipart/form-data"> <input type="file" name="fname"/> </form> ---多行文本 <textarea name="meno" >默认值</textarea> 默认值不同于之前的value,而是直接将默认值放在中间,name是根据后台需要 ---下拉框选择 <select name="city"> <option value="1" selected="selected">广东</option> name和value配合提交给后台处理数据 <option value="2">广西</option> selected是默认属性,默认选择广东 </select> 下拉框多选: <select name="数字" multiple="multiple" size="2"> size是显示下拉框内容的行数 <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> ------------------------------------- 标签之间可以嵌套: <div> <div></div> .... </div> ------------------------------------- 标签标识:(标识某一个标签,方便设计时定位该标签)(chorme审查元素的使用,样式) <div id='i1'>text<div> </body> ------------------------------------ #-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-简单尝试-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*--*- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--指定编码--> <meta http-equiv="Refresh" Content="10;Url=http://www.baidu.com"> 10秒后进入新的网址 <title>测试</title> <!--窗口标题栏--> </head> <body> <form enctype="multipart/form-data"> 请输入您的用户名<input type="text" name="用户名" value="张三"/><br/> 请输入您的密码<input type="password" name="密码" value="123456"/>默认是123456<br/> <input type="submit" value="登录"/> <input type="reset" name="重置"/> <p>请选择您的性别!</p> 男:<input type="radio" name="gender"/><br/> 女:<input type="radio" name="gender"/> <p>请选择您的兴趣爱好</p> 篮球<input type="checkbox" name="篮球"/><br/> 足球<input type="checkbox" name="足球/"><br/> 羽毛球<input type="checkbox" name="羽毛球"/> <p>请输入您想对我们说的内容</p> <textarea name="meno">默认没有</textarea> <p>选择您的城市</p> <select> <option>广东</option> <option>广西</option> </select>> <p>数字多选</p> <select name="数字" multiple="multiple" size="10"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>> <p>上传文件 <input type="file" name="fname"> </form> </body> </html>python之HTML 注释格式: 单行注释:<!--注释内容--> 多行注释:#注释内容--> 标签分类: head标签中: 自闭合标签:(最好在标签后加/) meta: 编码,跳转,刷新,关键字,描述,IE兼容 <meta charset="UTF-8"> <meta http-equiv="Refresh" Content="3"> 3秒刷新一次页面 <meta http-equiv="Refresh" Content="3;Url=http://www.baidu.com"> 3秒后进入新的网址 <meta name="keywords" content="xxx"> 网站关键字 <meta name="description" content="xxx"> 网站描述 <meta http-equiv="X-UA-Compatible" Content="IE=IE9;IE=IE8;"> 主动闭合标签: link:窗口栏图标 <link rel="shortcut icon" href="image/favicon.ico"> href后面的内容是该html文件所在的路径 title:窗口栏文字信息 <title>这是一个窗口栏</title> style script body标签:<body> 块级标签:无论内容多少,选中的时候选择该行所有内容 符号: <a href="http://www.baidu.com">百 度  表示空格,多个表示多个空格(还有其他符号的表示方法) p标签:表示一个段落,多个段落之间有空格 <p>这是一个段落</p> br标签:表示同一个段落的换行 <p>这是第一行<br/>这是第二行</p> h标签:标题,加数字表示字体大小(字体加大加粗) <h1>这是一种字体</h1> <h2>这是第二种字体</h2> div标签:(白板) <div></div> ... 行内标签:(无法设置高度,宽度,padding,margin)取决于内容的多少,即选中的时候只选择该长度的内容 span标签:(白板)多个该标签存在时内容都在同一行 <span>这是一个测试</span> input标签:(配合form标签使用)(只有input标签的内容才传到后台) <form action="xxx" method="GET"> 向指定地址发送相关信息,GET方法会把信息拼接到Url上并发送,但POST方法不放到Url上 <input type="text" /> 普通文本输入框 <input type="password" /> 密码输入框,输入时显示* <input type="password" name="pwd"/> 提交后台后需要指明该标签的名称pwd,并且转为字典形式给后台:['pwd':'用户输入的密码'] <input type="text" name="query" value="默认">若Input标签是文本框类型,且有value存在时,value的值为文本框的默认值,即不输入就显示在文本框 <input type="button" value="登录"> 登录按钮 <input type="submit" value="登录2"> 提交表单时采用这种方式! <input type="reset" name="重置"> 重置,重新清空文本框的输入等 </form> ---单选框(value name属性,name相同则互斥)(可以) <form> 男:<input type="radio" name="gender" value=“1”/> radio类型为选择框,当多个radio类型时name一样时选择框互斥选,即只能选一个 女:<input type="radio" name="gender" value="2“/> 后台根据value取数据 其他:<input type="radio" name="gender" value="3" checked="checked">这里的checked是指默认选择其他! <form> ---复选框(value,name属性,批量获取数据) 篮球:<input type="check box" name="test" value="1"/> 后台根据value处理数据,check box同样有checked属性 爱好:<input type="check box" name="test" value="2"/> ---上传文件(依赖form中的属性才可以上传) <form enctype="mutipart/form-data"> <input type="file" name="fname"/> </form> ---多行文本 <textarea name="meno" >默认值</textarea> 默认值不同于之前的value,而是直接将默认值放在中间,name是根据后台需要 ---下拉框选择 <select name="city"> <option value="1" selected="selected">广东</option> name和value配合提交给后台处理数据 <option value="2">广西</option> selected是默认属性,默认选择广东 </select> 下拉框多选: <select name="数字" multiple="multiple" size="2"> size是显示下拉框内容的行数 <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> ------------------------------------- 标签之间可以嵌套: <div> <div></div> .... </div> ------------------------------------- 标签标识:(标识某一个标签,方便设计时定位该标签)(chorme审查元素的使用,样式) <div id='i1'>text<div> </body> ------------------------------------ #-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-简单尝试-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*--*- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <!--指定编码--> <meta http-equiv="Refresh" Content="10;Url=http://www.baidu.com"> 10秒后进入新的网址 <title>测试</title> <!--窗口标题栏--> </head> <body> <form enctype="multipart/form-data"> 请输入您的用户名<input type="text" name="用户名" value="张三"/><br/> 请输入您的密码<input type="password" name="密码" value="123456"/>默认是123456<br/> <input type="submit" value="登录"/> <input type="reset" name="重置"/> <p>请选择您的性别!</p> 男:<input type="radio" name="gender"/><br/> 女:<input type="radio" name="gender"/> <p>请选择您的兴趣爱好</p> 篮球<input type="checkbox" name="篮球"/><br/> 足球<input type="checkbox" name="足球/"><br/> 羽毛球<input type="checkbox" name="羽毛球"/> <p>请输入您想对我们说的内容</p> <textarea name="meno">默认没有</textarea> <p>选择您的城市</p> <select> <option>广东</option> <option>广西</option> </select>> <p>数字多选</p> <select name="数字" multiple="multiple" size="10"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>> <p>上传文件 <input type="file" name="fname"> </form> </body> </html>