LiRongYang

摘要： 随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 我们根据几个实例来看一下： 看下面代码表现形式 结果展示： 红底、黑色字体，可以看出应用了.c2的字体颜色和.c1的底色 结果展示： 红底、粉色字体，可以看出应用了style的pink和.c1的红色字体 我们把.c1和.c2位置换一下试试 结果展 阅读全文

摘要： 随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 该标签主要功能是做一个框，大概样子如下： 结果展示： 我们可以在该框内做一下操作： 结果展示： 阅读全文

摘要： 随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 Label标签是用来把用字和输入框进行关联的，比如一个输入用户名界面，你想输入用户名需要点击输入框，label标签可以关联输入框，你点击label标签内容自动跳转到输入库，代码如下： 结果展示： 阅读全文

摘要： 随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 结果展示： 这样就是一个表格了，当然样式不太好看，我们给他加上边框border 结果展示： 是不是好一点了，但是上面代码不太规范，需要优化一下 效果和上面一样 合并单元格：colspan属性 结果展示： 这样看单元格是合并了，但是有一个问题，多出 阅读全文

摘要： 随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 <img>标签是用来显示图片的 结果展示： 注意事项：图片需放在html同一目录，不然需要写上图片的相对路径 以上结果可以看出图片加载成功了，但是有点大，优化一下就上长和宽： 结果展示： 给图片加超链接跳转功能，比如淘宝一点击商品图片就跳转到商品 阅读全文

摘要： 随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 <a>标签主要用来做超链接跳转，不能提交到数据库，还可以做锚，<a>标签是行内标签 <a>标签之超链接 结果展示： 点击百度会跳转到百度首页 <a>标签之锚 锚是用来在同意页面做跳转的，和目录差不多，锚需要锚点，用ID实现 锚是通过id属性来关联 阅读全文

摘要： 随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 1、多行文本代码是<textarea></textarea> 结果展示： 输入内容可以换行 给多行文本增加默认值，在<textarea></textarea>标签内输入文本就是默认值 结果展示： 不要忘记加上name属性，因为像后台提交数据都需要 阅读全文

摘要： 随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 一般输入界面都有有一个重置按钮，功能是用来清空用户输入内容的，代码如下：<input type="reset" value="重置"> 结果： 点击重置按钮会清空用户输入，但是不会清空默认值。 阅读全文

摘要： 随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 结果展示： 点击选择文件打开选择文件对话框，但是上述HTML代码还不可以工作是因为没有name后台接收不到数据，更改后代码： 结果展示： 这样看起来好像是可以了，小伙子不要着急，这样还是不行滴，因为提交文件依赖form表单的一个属性enctype 阅读全文

摘要： 随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 新建.html格式文件，输入一下内容 结果展示： 根据以上结果展示，可以看出实现了多选，但是还有一个问题，提交后往后台发送内容为NO，这是怎么回事呢，别急其实前端也就是WEB想后台提交数据是已列表形式来提交的，现在只提交了name也就是列表的名字 阅读全文