zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    HashMap和HashSet的区别
    安卓坐标
    android MotionEvent中getX()和getRawX()的区别
    android 布局之滑动探究 scrollTo 和 scrollBy 方法使用说明
    register_chrdev_region/alloc_chrdev_region和cdev注册字符设备驱动
    将JZ2440的调试串口换成com2
    pcl点云文件格式
    C++中的迭代器
    C++中的vector
    “标准差”
  • 原文地址:https://www.cnblogs.com/god-for-speed/p/11569870.html
Copyright © 2011-2022 走看看