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>
CSS中路径及form表单的用法的更多相关文章
- django系列9--django中的组件(form表单)
modelform整体 from django import forms from app01 import models import hashlib from django.core.except ...
- HTML 中按钮作为form表单元素提交特性两则 --- 参HTML考标准分析
相同name的submit 类型的input提交行为 描述 这种情况, <input type="submit" name="ACTION" value= ...
- html5中新增的form表单属性
html5中新增两个表单属性,分别autocomplete和novalidate属性 1.autocomplete属性 该属性用于控制自动完成功能的开启和关闭.可以设置表单或者input元素,有两个属 ...
- jqPaginator分页(ajax用法和form表单提交用法)
一般使用方法 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UT ...
- Css中路径data:image/png;base64的用法详解
今天查看一些网站的css中发现了 background-image:url(data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAAB ...
- ElementUI中如何实现Form表单内的文字居中
<el-table :data='orderList' border stripe :align='center' :cell-style='cellStyle' :header-cell-st ...
- Css中路径data:image/png;base64的用法详解 (转载)
大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如: background-image:url(data:image/png;base64, iVBORw0KGg ...
- form表单和CSS
一.form表单 1. form表单有什么用 能够获取用户输入的信息(输入,选择, 上传的文件),并且将这些数据全部发送给后端 2. form表单的用法 (1)有两个重要参数: action : 控制 ...
- Form表单中的action路径问题,form表单action路径《jsp--->Servlet路劲问题》这个和上一个《jsp--->Servlet》文章有关
Form表单中的action路径问题,form表单action路径 热度5 评论 50 www.BkJia.Com 网友分享于: 2014-08-14 08:08:01 浏览数44525次 ...
随机推荐
- 九度oj 题目1196:成绩排序
题目1196:成绩排序 时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:5192 解决:1792 题目描述: 用一维数组存储学号和成绩,然后,按成绩排序输出. 输入: 输入第一行包括一个整数 ...
- CodeForces 159E
题目大意: 给定一堆带颜色和高度的魔方 用两种颜色的魔方,一种颜色接一种颜色向上拼接搭建成一个高塔,求高塔的最长高度,以及将拼接的过程中对应的编号顺序输出 多种情况成立输出任意一种即可 这里首先要对颜 ...
- [NOIP2006] 提高组 洛谷P1064 金明的预算方案
题目描述 金明今天很开心,家里购置的新房就要领钥匙了,新房里有一间金明自己专用的很宽敞的房间.更让他高兴的是,妈妈昨天对他说:“你的房间需要购买哪些物品,怎么布置,你说了算,只要不超过N元钱就行”.今 ...
- ***CodeIgnite/CI 去掉 index.php的 配置
CI有效删除URL中的index.php 参考: http://codeigniter.org.cn/forums/thread-15444-1-1.html 读CI的使用手册的话,关于如何有效删除U ...
- XJTUOJ13 (数论+FFT)
http://oj.xjtuacm.com/problem/13/ 题意:wmq如今开始学习乘法了!他为了训练自己的乘法计算能力,写出了n个整数, 并且对每两个数a,b都求出了它们的乘积a×b.现在他 ...
- hbase definitive guide 笔记
ext3 file system 优化 ext3 在用在hbase上可以做如下优化: 1. mount的时候加上noatime选项.这可以减少管理开销 2. 用命令tune2fs -m 0 /dev/ ...
- 我的arcgis培训照片11
来自:http://www.cioiot.com/successview-546-1.html
- linux工具一览
http://linuxtools-rst.readthedocs.io/zh_CN/latest/tool/sar.html
- laravel notification
mail篇 public function via($notifiable) { return ['mail']; } 1.新建notification类 php artisan make:notif ...
- iPhone 3gs 5.0.1降級到4.3.3 昨晚搞定(有shsh備份)
經過昨天白天一天的學習和準備,終於一次降級成功. 手機未降級時狀態: 無鎖港版 3GS 16G 固件:5.0.1 基帶:05.16.05 記錄且分享降級完整步驟: 準備以下軟件.工具 官網固件 ...