首页 > 代码库 > html_day4+css
html_day4+css
表单控件共有的属性:
enabled:表示表单控件可用
disabled:表示表单控件被禁用
readonly:表示表单控件只能读
name属性值的作用:
需要将表单的数据提交到服务器处理就要写name,反之不用.
多选按钮:
<input type‘checkbox‘ name=‘名称‘ value=http://www.mamicode.com/‘值‘>
checked:表示已勾选 它没有属性值 一般是checked=‘checked‘
文件上传:
<input type=‘file‘ name=‘名称‘ />
提交:
<input type=‘button‘ name=‘名称‘ value=http://www.mamicode.com/‘值‘ />普通按钮
功能:
<input type=‘reset‘ name=‘名称‘ value=http://www.mamicode.com/‘值‘/>重置按钮
<input type=‘submit‘ name=‘名称‘ value=http://www.mamicode.com/‘值‘ />提交按钮
图片按钮:
<input type=‘image‘ src=http://www.mamicode.com/‘图片的URL地址‘ /> 图片按钮
隐藏域:
<input type=‘hidden‘ name=‘名称‘ value=http://www.mamicode.com/‘值‘ />有些数据不想给用户看到又需要将这些数据提交给PHP处理时使用
语法
<input type=‘value‘>
属性值:
button 定义可点击按钮
checkbox 定义复选框
file 定义输入字段和浏览按钮,供文件上传
hidden 定义隐藏的输入字段
image 定义图像形式的提交按钮
password 定义密码字段
radio 定义单选按钮
submit 定义提交按钮
text 定义单行输入字段,用户可在其中输入文本(宽度20个字符)
文本域:
<textarea name=‘名称‘ cols=‘列数‘ rows=‘行数‘></textarea>
使用<botton></botton>标签来实现按钮
普通按钮:
<botton type=‘botton‘>值</botton>
<botton type=‘submit‘>值</button>
<botton type=‘reset‘>值</button>
下拉菜单
<select>
<option></option>
<option></option>
<option></option>
</select>
框架格式:
<frameset>
<frame/>
</frameset>
frmaeset的属性:
rows:将浏览器窗口分割为上下型
cols:将浏览器窗口分割为左右型
border:边框线
borderColor:边框的颜色
<frame>的属性:
noresize=‘noresize‘ 不可以调整小窗口的大小
src:链接小窗口显示的网页
name:规定小窗口的名称
HTML5新增的表单控件三个属性
required:必填属性
placeholder:默认显示内容
autofocus:自动获取焦点
HTML5新增的input标记的type属性
Email 邮件
Date 日期
url 网址格式
Number 数字
Range 范围
Color 颜色
CSS
css代码是由选择器和{}组成
大括号里面是一条条声明语句组成
声明语句用(英文状态的)分号结束
声明语句由"属性:值"组成
css中的属性值一般不需要加引号
css中的属性值是数值型数据 一般要加单位 单位都是px
css代码中不能出现任何的HTML标签
嵌入式:
CSS代码通过HTML标签嵌入在HTML文档中 通过一对<style></style>标签来书写代码
外链式:
CSS文件可以单独作为一个文件在存储!文件必须是以.css为拓展名
使用HTML中的一个<link/>将CSS文件引入到当前的HTML文件中
<link />标签可以有多个
标签的公有属性
每一个HTML标签都拥有的属性
id、class、name、style、title
id:它就像一个身份证号码 一个HTML文档中id的属性值必须是唯一!
class:class属性值可以相同 只有有相同的class属性值的标签为一类
name: 名称
style:样式
title:标题
嵌入式和外链式之间区别:
使用嵌入式的CSS代码只能被当前的HTML文件用
使用外链式的CSS代码它能够被多个HTML文件所用
注释:
格式:/*注释的内容*/
CSS选择器分为:
基本选择器、复合选择器、伪类选择器!
基本选择器
通用选择器
格式:*{属性:值;}
作用:给HTML中所有标签设置样式 不建议使用
尺寸属性
width 给元素设置宽度 单位px
height 给元素设置高度 单位px
html_day4+css