Day4

最新推荐文章于 2022-04-18 14:47:37 发布

原创最新推荐文章于 2022-04-18 14:47:37 发布 · 178 阅读

0 ·

CC 4.0 BY-SA版权

1·表单（form）

action 指定当前表单数据提及交到哪个服务端

method 表单数据提交到服务端的方式

1）get<默认>：传递的数据以拼接到url地址的方式传递到服务端

缺点：敏感信息容易暴露，传递信息量有限
优点：传输速度快

2）post：
优点：传输数据被隐藏，传输的数据量基本不受限制
缺点：传输速度慢一些

3）input的属性标签<input 属性标签=属性属性标签=属性------>
<1>type:指定表单元素的类型

text 普通文本输入 password 密码输入 radio 单选框通过添加name属性把多个单选框划分为一组同一组内的元素只能有一个选项处于选中状态实现互斥的效果

checkbox 多选框 file文件上传 img 图像提交按钮 reset 重置数据 submit 提交表单数据 button普通按钮

<2>value:指定输入框或者按钮的默认显示文本
<3>name：拼接提交到服务端的键值

<4>.<select>--<option>--</option>--<select> 下拉选择

<5>textatrea 文字区块

<6>fliedest 外框 legend 标题

tabindex:控制tab键到达的顺序

单选框和复选框都要添加name和value属性

2·智能表单

<input type=email/url/date/time/month/week/number/range/color---- 限制用户输入email/网址/日期/时间/月份/周/数字和一个滑动条效果和颜色

3·H5新属性

autocomplete:文本自动补全
autofocus:自动获取光标
   placeholder：输入文本提示
   disable：锁定输入框或者禁用按钮
   require：必须项！

4·css入门

行内样式
    缺点：
    1·样式代码会影响标签的阅读
    2·样式代码没有复用性
    优点：
    优先级高

内部样式
    优点：
    1·css和html分离
    2·css样式可以复用
    重复使用部分可保存到css中用<link rel="stylesheet" href="css/......">引用
5·标签选择器
   /*标签选择器： 让当前页面里所有匹配的元素是都生效*/
/*li{*/
    /*color: #22e6ff;*/
/*}*/
/*类选择器：作用于当前页面所有批评的同名类*/
/*.bj{*/
    /*color: #f1ff38;*/
/*}*/
/*id选择器：作用于当前页面的某一个元素*/
/*#zj{
    color: #2f83ff;
}*/
6·后代选择器   空格键
7·通配符选择器  *
8·伪类选择器   英文的冒号