表单、事件相关内容
action
内容填写表单提交到的服务器;当提交表单时,发送表单数据到名为 “XXXl” 的文件(处理输入)
input(输入域标签)
属性type 用于明确是何种输入
文本text
密码password
单选按钮radio
-实现只能选一个需要同时用name属性将互斥的选项归为同一个类型
-属性placeholder 用于灰字向用户提示输入框应输入的内容
-HTML5不仅能显示在web端,也能显示在手机端、平板端等;为确保小屏显示点选舒适性,点选框点到字=点到按钮
写法:在input按钮中添加id;在input radio后添加内容为按钮对应的文字的label标签,并使用for与input的id进行绑定;
- 示例:
点文字=点按钮;与女选项互斥
女
只能点按钮,与男互斥
保密
只能点按钮,可以同时点选男+保密;女+保密;
复选按钮 CheckBox(与radio类似,但不存在互斥,但仍需要name属性)
属性name 用于归类
属性id 用于标识
span标签
没有特定属性,完全根据赋予span的属性来改变标签包裹的元素属性
样式表
内联
写在标签里
style=“属性名:属性值;属性名:属性值”
内部
写在head里的style标签里
写法1 标签名{属性名:属性值;属性名:属性值}
写法2 #id名或者.name名{属性名:属性值;属性名:属性值}
外联
写在css文件里
parseInt
JS中var自动把数字识别为了字符串时,可以使用parseInt(字符串变量名)将字符串转换回数字
isNaN()
判断括号内的内容是否是数字(包括数字形式的字符串)
::-webkit-input-placeholder{}
对占位符做样式,在head的style里写如上形式,括号里如常写样式即可
this
指代当前操作的这个标签,this。innertext指代标签中的文本
onblur
失去焦点事件(仅失去的一瞬间,失去之后不会一直失去,不像获取焦点事件,获取之后如果不移开焦点则一直在原处,会一直触发获取焦点事件)
visibility
style的属性之一,可见度,可以将值设置为hidden实现隐藏
%
取模,即取余数,可以用来计算奇偶数
- 示例:奇偶行样式不同
根据标签名取元素数组(n个元素,索引为0 到 n-1)
数组下标从0到n-1循环自增
自增里面执行if语句,判断下标对2取模结果是否=0,是则为奇数行,否则为偶数行
分为为是和否添加不同的样式
οnlοad=function(){}
页面加载完成事件,页面加载完成自动执行;写在script里即可,无需按钮调用;
setTimeout(XX1,XX2)
XX1开始时间(单位毫秒,1000毫秒=1秒),XX2执行动作
setInterval(XX1,XX2)
XX1执行动作(不带括号),XX2间隔时间,