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">百&nbsp;度                      &nbsp表示空格,多个表示多个空格(还有其他符号的表示方法)
         
         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">百&nbsp;度                      &nbsp表示空格,多个表示多个空格(还有其他符号的表示方法)
         
         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>

 

posted @ 2019-09-22 23:06  LBC不认输  阅读(1359)  评论(0编辑  收藏  举报