zoukankan      html  css  js  c++  java
  • Python HTML day2

    from 标签:可以提交在本form的输入内容内容,默认是提交的本URL

    1.可以用action指定提交的URL <form action="htt://www.baidu.com">
      提交的时候,input需要有一个name,这样就可以以{name:value} 提交给URL
      如:<input type="text" name='a'> {'a':'内容'}
    2.可以用method指定提交类型,默认是get <form method="get">

    input中的提交补充

      radio,CheckBox:提交的时候,字典会以{name:'on/off'}显示,不知道提交的值,所以加上value

        1.<p>性别(单选):男<input type="radio" name="性别" value='男'>

                   女<input type="radio" name="性别" value='女'>

         </p>

        2.CheckBox同理

      file标签:需要经过处理才能把文件上传

        1.<form action="http://www.baidu.com/s" method="post" enctype="multipart/form-data">

        2.接收方也要做处理

      select标签:选中哪个提交哪个,不过也可以用value来代指选定的值

         ....................:  其他标签也一样,如果要提交就加name,然后用value来代替选定值

      

    label标签:
      把输入框与外面的文字关联起来,当点外面的文字时,就相当于点输入框
       <label for="name">
            姓名:
         <input id="name" type="text">
       </label>

    ul ol dl
      ul 会使内容前面加个点,相当于无序标号
        ul.li————> <ul> <li>内容</lli> </ul>
      ol 会使内容前面数字,相当于有序标号
        ol.li 使用方法同理
      dl
        1.dl.dt 相当于标题
        2.dl.dd 相当于内容
         效果为:DT
                dd

    table标签 也可以不用写thead和tbody,直接tr,td,th

            <table>
                <thead>   <!--标题-->
                    <tr>  <!--行-->
                        <th>第一列</th>  <!--th加粗字体-->
                        <th>第二列</th>
                        <th>第三列</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>  <!--内容-->
                        <td>第一列</td>
                        <td>第二列</td>
                        <td>第三列</td>
                    </tr>
                </tbody>
            </table>

      左右合并:把<th>第一列</th> <th>第二列</th>,变成<th colspan=“2”>第一列</th>
      上下合并:把第一行的<th>第一列</th> 和 第二行的<th>第一列</th>
              变成<th rowspan=“2”>第一列</th>

        fieldest标签创建一个带名字的边框

            <fieldset>
                <legend>登陆</legend>
                <p>用户名:</p>
                <p>密码:</p>
            </fieldset>

    iframe标签:可以直接显示他人的页面

    <iframe style=" 100%;height: 200px" src="http://www.baidu.com/"></iframe>
  • 相关阅读:
    Qt5."Clang Code Model"一些设置
    基于element表格的合并多个行实例
    vue中,基于echarts 地图实现一个人才回流的大数据展示效果
    vue2.0 子组件props接受父组件传递的值,能不能修改的问题整理
    vue调用组件,组件回调给data中的数组赋值,报错Invalid prop type check failed for prop value. Expecte
    vue,基于element的tree组件封装
    vue父子组件相互传值的实例
    基于vant实现一个问卷调查
    css3实现倾斜转动的转盘
    0801 am使用tp框架对数据库增删改查
  • 原文地址:https://www.cnblogs.com/otome/p/12554733.html
Copyright © 2011-2022 走看看