HTML基础

1、http请求分类：get、post、header……
2、http请求的结构：请求行、消息头、消息体
3、http响应的结构：状态行（http版本号、状态码、原因叙述）、消息头、空行、消息体
4、状态码：200成功、302重定向、304未修改、404不存在

 

HTML&CSS
控件类型、常用属性、常用绑定事件、书写格式、读取值的方法、存入数据库的方式
form表单控件、常用属性
<input>标签用于搜集用户信息。根据不同的type类型，输入字段拥有多种形式
type属性：text、hidden 、password 、file、radio、checkbox、button、submit
value属性规定input元素的值。
　　 对于不同的类型，value属性的用法不同：
　　 type="button","reset","submit"-定义按钮上显示的文本。
　　 type="text","password","hidden"-定义输入字段的默认值。
　　 type="checxbox","radio","image"-定义与输入相关联的值,提交到处理页面的值。
　　 注释：type="checkbox","radio"中必须设置value的值。
　　 注释：value属性无法与type=“file”一同使用。
name属性定义input元素的名称；name属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过JavaScript引用表单数据。注释：只有设置了name属性的表单元素才能在提交表单时传递他们的值。

maxlength属性规定输入字段的最大长度，以字符个数计数。maxlength属性与type=“text”和type="password"配合使用。（默认255）

size属性规定输入框（有的说输入字段）的宽度。对于type="text"和type="password"，size定义的是能显示在框内的西文字符数，对于其它类型，size属性定义的是以像素为单位的输入框宽度。size属性推荐使用css来代替。<input style="width:100px" />（默认20）

readonly属性规定字段为只读。只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。

readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。用法：<input type="text" readonly=“readonly">

disabled属性规定应该禁用input元素。被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。注释：disabled属性无法与type="hidden"一起使用。用法：<input type="text" diasbled=“disabled”>

 

checked属性规定在页面加载时应该被预先选定的input元素。checked属性与type="checkbox"和type="radio"配合使用，设定加载后显示时的首选input元素。checked属性也可以在页面加在后通过JavaScript代码进行设置。用法：<input type="checkbox" checked=“checked">

alt属性定义图像的替代文本。如果图像无法显示，会显示替代文本。只能与type=“image"配合使用。虽然alt属性不是必需属性，但是在image时，仍然应该设置该属性。如果不使用，可能对文本浏览器或非可视浏览器照成障碍。

accept属性规定文件上传来提交的文件的类型。只能与type=“file”配合使用，规定上传文件的类型。提示：请避免使用该属性。应该在服务器端验证文件上传。

下拉框、多行文本框
绑定事件方法(on/live/bind)：
$(document).on("click",'.check-wap-file',function(){
var item = $(this).parent().find('input[type=file]').eq(1);
item.click();
});
书写格式
<input type=“text、hidden 、password " class="text id="id" value=“{$value}”/>
<input type="file" accept=“image/gif,image/jpeg,image/jpg,image/png”/>

<input type=“radio” name=“a” value=“a”>男
<input type=“radio” name=“a” value=“b”>女

<input type=“checkbox” name=“b[]” value=“1”>
<input type=“checkbox” name=“b[]” value=“2”>

//文件上传、多文件上传

<form post="" method="post" enctype="multipart/form-data">
<input type="file" name="fileupload" accept=".csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
<input type="file" multiple="multiple" name="filetest[]" accept=".csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/>
<input type="checkbox" name="aihao[]" value="1">打篮球<br>
<input type="checkbox" name="aihao[]" value="2">踢足球<br>

<input type="submit" name="上传">
</form>

<input type="button" value="上传图片" class="btn" id="add"/>

<select name=“”>
<option value=“”>xxx</option>
<option value=“”>yyy</option>
</select>

<textarea id="remark">{$subject.remark}</textarea>

读取值的方法
text、hidden 、password：$(‘#id’).val()
$(“input[name=radio]:checked").val()
获取单个CheckBox值

$(“#a”).is(“:checked”)

获取多个CheckBox值
var delobj = $(“.checked-del:checked");
if (0 === delobj.length) {
layer.msg('请选择要召回的用户');
return false;
}
var str = '';
delobj.each(function(){
str = (str != '')?(str+','+$(this).attr('selid')):$(this).attr('selid');
});
存入数据库方式
canvas

 //获取多选下拉框的选项

for (var i = 0;i< $("#user_search option").length;i++){
$("#user_search option:eq("+ i +")").is(':selected')
$("#user_search option:eq("+ i +")").prop(':selected')
$("#user_search option:eq("+ i +")")[0].selected
}

 

color:

width:可以是百分比；可以是写死的宽度；可以是自适应

table：设置边框

span

p

div