css选择器

day45

阅读更多关于 day45

form表单(**************) 能够获取用户输入(输入，选择，上传的文件) 参数 action 控制数据提交的地址三种书写方式 1.不写默认就是朝当前页面所在的地址提交数据 2.写全路径( https://www.baidu.com ) 3.只写路径后缀( /index/ ) method 控制数据提交的方式 get from 表单默认是 get 请求 post ==通常情况下 input 需要结合 label 一起使用== 用户名: 绑定id值，之后点击label标签内任何的位置都可以自动选中 input 框用户名: 根据type参数的不同，展示不同的功能 Copytext 普通文本 password 输入的内容，会变成密文 date 日期 radis 单选圆圈 checkbox 多选打钩 hidden 隐藏 file 传文件 button 普通按钮，没有任何意义，然而是用的最多的，可以绑定js事件 reset 重置按钮 submit 提交按钮，能够自动触发form表单提交数据的动作 select标签下拉框一个个的option标签就是一个个的选项默认为单选可以给 select 标签加一个 multipe 参数，就可以将单选变成多选 textarea标签可获取大段文本 Copyinput标签可以加disable属性，禁用该input框

CSS

阅读更多关于 CSS

表单 form > input | label | button | textarea | select form表单属性属性：action 值：url 含义：指定一个表单处理目标URL，表单数据将被提交到该URL地址的处理程序。如果该属性值为空，则提交到文档自身。该属性值可以为绝对地址、相对地址、文档片段，甚至是脚本代码属性：method 值：get或post 含义：将表单数据提交到http服务器的方法，可能值有两个：get和post 属性：enctype 值： application/x-www-form-urlencoded 含义：指定表单数据的编码类型，此属性只有在method属性设置为post时才有效。默认值为application/x-www-form-urlencoded对所有字符进行编码。如果表单包含用于文件上传的控件（input type=“file”），那么这个属性值必须设为multipart/form-data ，不对字符进行编码 input标签 input属性大概介绍: type:按钮的属性 id:标识 name:与后端交互的key values:给后端的值,如果没有name则没法给到后端案例介绍 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表单标签</title> <

html--前端css样式初识

阅读更多关于 html--前端css样式初识

一、CSS概述 css是英文Cascading Style Sheets的缩写,称为层叠样式表，用于对页面进行美化，CSS的可以使页面更加的美观。基本上所有的html页面都或多或少的使用css。 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一二、css样式的引入方法 1、行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>Document</title> 8 </head> 9 <body> 10 <a style="background-color: aqua;color:

day43 选择器 css

阅读更多关于 day43 选择器 css

form表单作用能够获取用户输入（输入，选择，上传的文件），并且将用户输入的内容全部发送给后端参数 action 控制数据提交的地址三种书写方式： 1.不写，默认就是朝当前这个页面所在的地址提交数据 2.写全路径（ https://www.baidu.com ) 3.只写路径后缀（/index/) method 控制数据提交的方式 get form表单默认是get请求 post type 通常情况下，input需要结合label一起使用（p也可以） <form action="" method="post"> <label for="d1">用户名：<input type="text"></label> form表单中的input就类似于是前端的变形金刚，根据type参数的不同，展示不同的功能。 input标签可以加disable属性，禁用该input框 input标签可以加value属性，设置默认值选择的标签如何默认选中：checked='checked'(当属性名和属性值相同的时候，可以只写属性名) type参数功能 text 普通文本 password 输入的内容会变成密文 date 日期 radio 单选圆圈（要写name，不然会变成多选） checkbox 多选打钩 hidden 隐藏 file 传文件 button 普通按钮，没有任何意义

前端02 form表单和css查找

阅读更多关于前端02 form表单和css查找

目录 form表单 input select textarea css css的三种引入方式基本选择器组合选择器属性选择器伪类选择器伪元素选择器 (清除浮动带来的负面影响) form表单能够获取用户输入输出，并且能将用户输入的内容发给后端 <form action="" method=""> 参数： action 控制数据提交的地址不写默认就是朝当前页面所在的地址发送请求，写全路径就是向路径地址发送，也可以只写路径的后缀 method 控制提交的提交方式，默认是以get方式提交，还可以post方式提交 input 通常情况下，input需要结合label表签一起使用 <label for="d1">用户名：<input type="text" id="d1"></label> form表单中的input 的参数是可以改变的，可选的参数如下 type功能功能 password 输入的内容会变成密文 text 普通文本 date 日期，会自动生成一个日历供选择 radio 出现一个单选的圆圈 checkbox 多选的勾选框 hidden 可以隐藏内容 file 可以上传文件 button 生成一个普通的按钮 reset 生成一个重置按钮 submit 生成一个提交按钮 input标签里面可以加上disable参数，禁用input框还可以添加value 设置默认值

form css选择器

阅读更多关于 form css选择器

目录 form表单参数 action： method：通常情况下input需要结合label一起使用 form表单中的input就类似于前端的变形金刚 select标签：下拉框 textarea标签：获取大段文本能够触发form表单提交数据的动作有两个标签所有获取用户输入的标签都应该有name属性 form表单如果要提交文件数据必须修改以下参数 css 层叠样式表注释 css的语法结构基本选择器组合选择器属性选择器分组与镶嵌伪类选择器 a标签有4种状态： input框聚焦伪元素选择器选择器优先级 form表单能够获取用户输入，选择，上传的文件，并且将用户输入的内容全部发送给后端参数 action：控制数据提交的地址三种书写方式不写，默认就是朝当前这个页面所在的地址提交数据写全路径（ https://www.baidu.com ) 只写路径后缀（/index/） method：控制数据提交的地址 get： form表达默认为get，获取数据 post：提交数据通常情况下input需要结合label一起使用第一种： <label for="d1">用户名:<input type="text" id="d1"></label> 第二种： <label for="d2">用户名:</label> <input type="text" id=

css

阅读更多关于 css

id { color: red; }CSS Cascading Style Sheets 层叠样式表用于控制html标签样式注释 /*单行注释*/ /* 多行注释1 多行注释2 */ 通常写css的时候,都会写一个单独的css文件,里面只有css代码 /*这是小米网站首页的css样式文件*/ /*通用样式*/ /*导航条样式*/ /*轮播图样式*/ css语法结构选择器 {属性:属性值} css的三种引入方式通过link标签引入外部的css文件(最正规的用法) <link rel="stylesheet" href="02%20小米css样式.css"> 直接在html页面上head内通过style标签直接添加css代码 <style> h1 { color: green; } </style> 行内式直接在标签内部通过style属性直接写不推荐使用 <h1 style="color: orange">我是Oscar</h1> css查找基本选择器元素选择器元素,指标签名,span p span { color: red; } id选择器 id { color: red; } 类选择器 c1 { color: red; } 通用选择器表示修改所有 * { color: red; } 组合选择器 <span>span</span> <span>span</span

day45

阅读更多关于 day45

目录 form表单 css form表单能够获取用户输入，选择，上传的信息和文件并且将用户输入的内容全部发送给后端（比如和Django连用）参数 action 控制数据提交的地址三种书写方式不写，默认就是朝当前页面所在的地址提交数据写全路径（ https:www.baidu.com ）只写路径后缀(/index/) method 控制数据提交方式 post -----form表单默认是get请求 get 通常情况下input和label一起使用 <label for ='d1'>用户名：<input type ='text' id='d1'></label> 绑定id值之后点击标签内任何的位置都可以自动选中input框内 form表单的type参数很多种展示不同的功能 text 普通文本 password 输入的内容会隐藏起来 date 日期 radis 单选圆圈 checkbox 复选框 hidden 隐藏 file 上传本地的文件 button 普通的按钮可以绑定js事件 reset 重置按钮清空内容 submit 提交按钮能触发form表单提交数据的动作设置性别的时候在gender前面加上name后只能选择一个性别，不加可以选择两个 select标签下拉框一个个的option标签就是一个个选项默认单选给他加上一个参数multiple

阅读更多关于 css选择器

目录 css: css 语法结构： css注释： css样式引入方法： css选择器：一，基本选择器：组合选择器：属性选择器：分组和嵌套伪类选择器：伪元素选择器：选择器的优先级： css: 层叠样式：定义如何显示HTNL元素当浏览器读到一个样式表，就会按照样式表来对文档进行格式化（渲染） css 语法结构：选择器和声明：声明包括{属性 1：属性值1；属性：属性值；} #结构：选择器声明 h1 {color : red ; font_size : 14px} css注释： #单： /**/ #多：/* 多行 \r\n .... */ css样式引入方法： #1.行内样式行内式是在标记的style属性中设定CSS样式 <p style="color: red">hello world</p> #2.内部样式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中 <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: red; } </style> </head> #3.外部样式外部样式就是将css写在一个单独的文件中，然后在页面进行引入即可 <link href="file_path" rel=

form表单和CSS

阅读更多关于 form表单和CSS

一、form表单 1. form表单有什么用能够获取用户输入的信息（输入，选择，上传的文件），并且将这些数据全部发送给后端 2. form表单的用法（1）有两个重要参数： action ：控制数据提交的地址三种书写方式：不写，默认就是朝当前这个页面所在的地址提交数据写全路径，如 http://www.baidu.com 只写路径后缀（/index/） method ：控制数据提交的方式 get form表单默认是get请求 post <body> <form action="http://127.0.0.1:8000/index/" method="post" enctype="multipart/form-data"> </form> </body> （2）input 结合 label 一起使用 <body> <form action="http://127.0.0.1:8000/index/" method="post" enctype="multipart/form-data"> 1. 绑定id值方法一 <label for="d1">用户名:<input type="text" id="d1"></label> 绑定id值之后在浏览器中点击label标签内文字任何的位置都可以自动选中input框 2. 绑定id值方法二 <label for="d2"

订阅 css选择器