form表单和CSS基础
form 表单
input type="" 表单的组合标签,用来确定需要的是什么输入类型
type属性值:
文本输入框:text
密码输入框:password
单选按钮:radio
A:要单选按钮实现互斥,必须设置相同的name值
B:默认提交的是on值,一般会指定value值来区分,和复选框一样
复选框:checkbox
A:要指定value值,单选或者复选框中,后面的文本信息和标签没有联系,提交的是value的值
B: name相同,服务器处理复选框时,会把值存入数组
提交按钮:submit
重置按钮:reset
隐式文本:hidden(常用来储存储id值)
下拉列表:select 表单的组合标签·
option: select的子标签,用来确定列表中文本 selected默认选中
文本域:textarea
属性:rows cols 设置行与列
注意:其它组件都有value属性,但是textarea没有,提交的值只能设置在标签体中
CSS语法
A:直接在标签中运用
<font style="color:green;font-size:200px;">宝宝</font>
B:在本页面中引用,位置放在head中
<style> //样式
font(这里可以是一个任意的选择器){
属性:属性值;
属性:属性值;
选择器可以是标签,可以是类名class="值" .值{}
可以是id id="值" #值{}
}
div{
/*
* 这是一个块级元素,默认占满当前行
* display:inline 设置行位置
* border:1px solid red; 盒子的颜色和粗细
* height width 盒子大小
* margin-left 盒子与盒子之间的位置关系
* padding-top 内容与盒子之间的关系
* float:left 将div分为空间上的两种格局
* clear:both 取消div的浮动
*/
}
span{
/*
* 这是一个行内元素,默认刚好包裹当前内容
*/
}
</style>
C:将CSS的内容单独封装,引用
<link rel="stylesheet" href="../../css/my.css" type="text/css"/>
form表单和CSS基础的更多相关文章
- 前端-form表单与CSS
目录 form表单 表单属性 label标签 input标签 select 下拉框标签 textarea多行文本 提交 Flask 结合form表单 初探 CSS介绍以及基本选择器 基本选择器 组合选 ...
- 1113 form表单与css选择器
目录 1.form表单 form元素 特点 参数 form元素内的控件 1.input的使用 2.select标签 3.textarea元素 4.autofocus属性 2.CSS 1.基础语法 cs ...
- (day43)form表单、css
目录 昨日回顾 一.HTTP协议 (一)四大特性 (二)数据格式 (1)请求格式 (2)响应格式 (三)响应状态码 二.HTML (一)什么是HTML (二)注释 (三)文档结构 (四)head内标签 ...
- 前端form表单与css
form表单(******) 能够获取用户输入(输入,选择,上传的文件) 并且将用户输入的内容全部发送给后端 参数 action 控制数据提交的地址 三种书写方式 1.不写 默认就是朝当前这个页面所在 ...
- form表单和CSS
一.form表单 1. form表单有什么用 能够获取用户输入的信息(输入,选择, 上传的文件),并且将这些数据全部发送给后端 2. form表单的用法 (1)有两个重要参数: action : 控制 ...
- 前端之form表单与css(1)
目录 一.form表单 1.1表单的属性 1.2input 1.2.1form表单提交数据的两种方式 1.3select标签 1.4label标签 1.5textarea多行文本标签 二.CSS 2. ...
- form表单与CSS选择器和样式操作
form表单 """获取前端用户数据并发送给后端服务器""" <form action=""></fo ...
- form表单,css简介,css选择器,css样式操作
form表单 简介 表单在Web网页中用以让访问者输入数据,当提交表单时,表单中输入的数据被打包传递给Web服务器端的程序 以处理,从而使得Web服务器与用户之间具有交互功能. 表单实现前后台交互:用 ...
- form表单与css选择器
目录 form表单 action属性 input标签 lable标签 select标签 textarea标签 补充 网络请求方式 CSS简介 CSS基本选择器 组合选择器 属性选择器 分组与嵌套 伪类 ...
随机推荐
- 从源码导入到github
http://stackoverflow.com/questions/4658606/import-existing-source-code-to-github If you've got local ...
- how to convert from hex to disasm
cat ascii.hex | ascii2binary -b h -t us > ascii.bin x86dis -e 0 -s att -f ascii.bin echo "d8 ...
- 嵌入式C语言4.2 C语言内存空间的使用-指针与修饰符:const,volatile,typedef
const:变量,只读[不能变] 内存属性: 1. 内存操作的大小 2.内存的变化性,可写可读 char *p; const char *p; 描述字符串,p指向的内容是只读的,不可再次修改 ...
- python学习笔记:循环语句——while、for
python中有两种循环,while和for,两种循环的区别是,while循环之前,先判断一次,如果满足条件的话,再循环,for循环的时候必须有一个可迭代的对象,才能循环,比如说得有一个数组.循环里面 ...
- PHP中使用raw格式发送POST请求
如果请求的参数格式是原生(raw)的内容,应该如何为程序构造一个POST请求函数呢? function http_post($url, $data_string) { $ch = curl_init( ...
- HBase优化——读写优化
Hbase2.0查询优化 1)设置scan缓存 HBase中Scan查询可以设置缓存,方法是setCaching(),这样可以有效的减少服务端与客户端的交互,更有效的提升扫描查询的性能. Scan s ...
- Notepad++中直接运行python
点击进入幕布视图浏览 https://mubu.com/doc/a8VGCUfqqw 一.使用Notepad++编辑python文件,并直接运行 1.用notepad++打开python文件.或者新建 ...
- idea设置忽略svn的文件或目录
1. 这个地方可以设置忽略的文件和目录,但是这里设置之后,我们在工程里面就看不到了 2. 这里设置提交是后要忽略的文件,比如我忽略的target目录,*.iml 我再1中设置了target目录发现我的 ...
- KiCAD更新封装
KiCAD更新封装 有时候我们画完了PCB,但发现某个封装类型的器件需要修改,可能是修改尺寸,也可能是修封装参考或者值,具体操作如下: 1.首先更新原理图封装 2.从原理图更新到PCB(如果修改了封装 ...
- C# Copy一个文件到另一个文件夹下
public static void CopyToFile() { //源文件路径 string sourceName = @"D:\Source\Test.txt"; //目标路 ...