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常用功能
  • 相关阅读:
    学习笔记1:性能问题在于你想不到的任何地方!
    React Native控件之PullToRefreshViewAndroid下拉刷新组件解说(20)
    CSDN-markdown编辑器之导入导出文档功能
    无名管道与有名管道通讯编程
    LeetCode Remove Nth Node From End of List
    libpcap出错信息调试函数pcap_geterr, pcap_perror
    工作流学习——Activiti流程实例、任务管理四步曲
    B
    oracle学习笔记 oracle软件安装和数据库的创建
    路由器逆向分析------MIPS系统网络的配置(QEMU)
  • 原文地址:https://www.cnblogs.com/pythonclass/p/7551966.html
Copyright © 2011-2022 走看看