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>

  • 相关阅读:
    【剑指Offer】跳台阶&变态跳台阶
    【剑指Offer】替换空格
    【剑指Offer】二维数组中的查找
    【Leetcode】2. Add Two Numbers 两数相加
    HTML学习笔记(一)HTML的一些概念区别
    C#项目中一些文件类型说明
    数据结构初步归纳(一)概念、线性表以及队列和栈
    线程相关概念
    程序开发方法论
    C#集合类型
  • 原文地址:https://www.cnblogs.com/Godfather-twq/p/10941618.html
Copyright © 2011-2022 走看看