python之HTML（meta,input等基础标签）
Posted god-for-speed
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
以上是关于python之HTML（meta,input等基础标签）的主要内容，如果未能解决你的问题，请参考以下文章