zoukankan      html  css  js  c++  java
  • html表单

    URL: https://www.baidu.com/

    URl: http://127.0.0.1:8800/blog/addBlog?username=yuan

    http:协议
    127.0.0.1:8800: ip地址与端口
    /blog/addBlog: url的路径(path)
    username=yuan: get请求数据


    请求协议

    浏览器-------》服务器

    url
    请求首行
    请求头
    换行
    请求数据

    if get:
    url?data

    if post:
    请求数据
    get请求: 安全性差,数据量有限制

    哪些是GET请求(一般都是查询数据库操作):
    1 url访问server (get post)
    2 超链接访问 即 a标签 (get post)

    form表单:实现用户与web服务器的交互


    请求server端方式:
    get
    post

    关于表单两个属性: name: 作为发送server端的数据的键
    value:作为发送server端的数据的值

    html:
    form 表单:
    input  |select         
    name value
    label

    table: tr / td|td

    ul/li

    a img

    div/span

    标签嵌套原则: 块级标签可以嵌套 块级、内联 但是内联只能嵌套内联标签

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <form action="http://localhost:63342/lianxi/day49/test.txt" method="post">
    <p>姓名:<input type="text" name="user"></p>
    <p>密码:<input type="text" name="pwd"></p>
    <p>性别:<input type="radio" name="gender" value="">男<input type="radio" name="gender" value="">女</p>
    <p>爱好:<input type="checkbox" name="hobby" value="篮球">篮球<input type="checkbox" name="hobby" value="足球">足球<input type="checkbox" name="hobby" value="排球">排球</p>
    <p>头像:<input type="file" name="fileDB"></p>
    <p>简介:<input type="hidden" name="user" value="Ture"></p>
    <p>个人简介</p>
    <textarea name="description" id="p1" cols="30" rows="10"></textarea>
    <p>
        <select name="privince" id="p2">
            <option value="河北">河北</option>
            <option value="河南">河南</option>
            <option value="北京">北京</option>
            <option value="上海">上海</option>
            <option value="云南">云南</option>
        </select>
    </p>
    <hr>
    <p><input type="reset"></p>
    <p><input type="button"></p>
    <p><input type="submit"></p>
    </form>
    </body>
    </html>
    from常用功能
  • 相关阅读:
    Java基础学习——异常机制与集合的结合练习
    公司标签
    【JS语法糖】常见的几种JS语法糖
    webstorm批量替换
    webstorm 全局搜索快捷键_IntelliJ 的搜索和全局搜索怎么用
    存放缓存的三种方式 Redis、Memcache和MongoDB的区别
    Airtest学习(二)Airtest-Selenium 点击 断言 生成报告
    使用git克隆指定分支的代码
    nodejs v16.x 或更高版本不支持 Fibers
    使用 nvm 管理多个版本的 nodejs 和 npm,nvm的命令合集
  • 原文地址:https://www.cnblogs.com/pythonclass/p/7551966.html
Copyright © 2011-2022 走看看