zoukankan      html  css  js  c++  java
  • CSS中路径及form表单的用法

    1.什么是路径?
    路劲分为三种
    1.绝对路径:
    从盘符开始,然后依次的往下查找
    本地:
    C:/Users/Administrator/Desktop/0527day01/07.html
    服务器的:
    www.baidu....
    127.0.0.1
    192.168....

    http://www.baidu.com
    2.相对路径:
    从当前文件开始,如果下一级目录就直接写文件夹名,上一级用../表示,如果是同级目录就直接写文件名
    3.盘符根路径:
    直接可以跳转到当前文件所有的盘符根目录中 /
    服务器底下 省略
    本地底下
    2.图像<img>标签及图像标签的属性
    src 图片的路径
    alt 当图片显示不出来的时候才会显示,比如图片正在加载的时候、或者是图片路径错误显示不出来的时候。
    width 宽
    height 高
    align 对其

    <img src="/koala.jpg" alt="图片正在加载中" width="200" align="center" />
    3.什么是<a>标签?
    是连接标签,用来跳转页面的
    在<a>标签中最重要的就是 href属性,确定跳转的路径
    <a href="http://www.baidu.com">GO!百度</a>表示点击GO!百度就跳转到百度页面
    4.前端和后端之间的通信
    1.form提交方式
    核心标签:只有提交的功能,没有任何的样式
    1.form
    属性:
    action 提交的地址,通常为服务端的地址,如果不写,默认往本页提交
    method 提交的方式。get/post 如果不写,为get提交
    get和post的区别。

    2.input 标签的属性
    input是表单的核心标签,通过修改input标签中的type属性来改变展现的样式,?后面的内容表示参数。我们最终的目的是要把必须的参数给发送到后端,想要发送参数,input中必须含有name属性。
    1.单选框 radio 必须要有一个相同的value值
    checked表示默认选项
    男<input type="radio" name="sex" value="1" checked/>
    女<input type="radio" name="sex" value="0" />
    2.复选框 checkbox 也必须要有一个相同的value值
    <input type="checkbox" checked="checked" name="aihao" value="0"/>打酱油
    <input type="checkbox" checked name="aihao" value="1"/>打架
    <input type="checkbox" name="aihao" value="2"/>泡妞
    <input type="checkbox" name="aihao" value="3"/>打游戏
    <input type="checkbox" name="aihao" value="4"/>学习
    3.下拉框 select 的用法
    默认第一行的option为最开始显示页面的
    <select name="hefang" id="">
    <option value="武汉">武汉</option>
    <option value="荆州">荆州</option>
    <option value="黄石">黄石</option>
    <option value="襄阳">襄阳</option>
    <option value="十堰">十堰</option>
    </select>
    4.文本框 textarea
    <textarea name="miaoshu" rows="" cols=""></textarea>

  • 相关阅读:
    LeetCode 345. Reverse Vowels of a String 题解
    LeetCode 344. Reverse String 题解
    LeetCode 27. Remove Element 题解
    LeetCode 61. Rotate List 题解
    LeetCode 19.Remove Nth Node From End of List 题解
    Android耗电量
    Android 使用adb查看和修改电池信息
    Android AOP AspectJ 插桩
    Flask相关用法
    Monkey日志信息的11种Event percentage
  • 原文地址:https://www.cnblogs.com/Godfather-twq/p/10941618.html
Copyright © 2011-2022 走看看