zoukankan      html  css  js  c++  java
  • html基础

    ## HTML
    - 每个标签都有自己独特的能力 <input> 输入框 <h2>
    - 标签中通过属性也可以获取某种能力

    - input 输入框
    - h2 标题
    - div 分块,换行
    - a 链接
    - img 图片
    - checkbox radio 多选、单选
    - id
    - name
    - form 表单格式
    - table(表格)
    - ul
    - iframe 子网页


    如何传参给后端
    <form action="http://httpbin.org/post" method="post">
    
        <div>
            性别:<input type="radio" name="gender" value="man"><input type="radio" name="gender" value="girl"><input type="radio" name="gender" value="unknown">未知
    <!--        这是另一个选择器-->
            <input type="radio" name="aaa">男女
        </div>
    </form>

    第一行发起post请求,div里相当于{"gender":"man", "gender":"girl", "gender":"unknown",},从name属性中获取键名,value中获取值。

    示例html:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>py44</title>
    </head>
    <body>
    
    <!--    标题-->
        <h2>登录</h2>
    
        <form action="http://httpbin.org/post" method="post">
    <!--    输入用户名-->
        <div>用户名:<input name="username"></div>
    <!--输入密码-->
        <div>密码:<input type="password" name="pass"></div>
    <!--    单选框-->
        <div>
            性别:<input type="radio" name="gender" value="man"><input type="radio" name="gender" value="girl"><input type="radio" name="gender" value="unknown">未知
    <!--        这是另一个选择器-->
            <input type="radio" name="aaa">男女
        </div>
    
        <div>
            喜欢的电影:<input type="checkbox" name="movie" value="zhanlang">战狼
            <input type="checkbox" name="movie" value="honghai">红海行动
            <input type="checkbox" name="movie" value="shuofu">说服
        </div>
            <div><input type="file" name="avatar"></div>
    
    
        <!--提交-->
        <div><input type="submit"></div>
        </form>
    
    <!--    <a href="http://www.baidu.com">-->
    <!--        <img src="resume.png" width="400px" height="300px">-->
    <!--    </a>-->
    
        <iframe src="http://www.testingpai.com" width="800px" height="600px"></iframe>
    
    
    </body>
    </html>
  • 相关阅读:
    【Java并发】并发笔记(一)
    【深入Java基础】排序算法(一)
    QDU-GZS and String
    牛客网36-A,B题解
    QDU-GZS与素数大法(素数筛法)
    csdn自动展开+去广告+净化剪切板+免登陆(如有侵权,立即删博)
    QDU第一届程序设计大赛——E到I题解法(非官方题解)
    Codeforces Round #529 -C- Powers Of Two(二进制拆分)
    CodeForces
    分配物资(模拟)
  • 原文地址:https://www.cnblogs.com/wsfsd/p/15585335.html
Copyright © 2011-2022 走看看