现代软件工程_团队项目_阿尔法阶段_前端知识回顾2_2017.12.26

本文参考了w3school
http://www.w3school.com.cn/html

一、零碎知识

1.属性 href

代表点这个标签后转到的网址
属性target
代表在新窗口打开

    <a href="http://www.w3school.com.cn" target="_blank">This is a link</a>

2.同一个页面之间的目录跳转，或不同页面目录跳转

（可以不显示页面的开头，而直接到中间想要的部位）

    <a name="tip">要跳转到的地方</a>
    <a href="#tip">本页面点此超链接就会跳转到“要跳转到的标签”</a>
    <a href="http://www.w3school.com.cn/html/html_links.asp#tips">非本页面点此超链接就会跳转到“要跳转到的标签”</a>

3.w3school提供了快捷检查html是否符合xhtml标准的连接

http://www.w3school.com.cn/html/html_xhtml.asp

---

二、表单html

本模块包含了很多与html表单相关的知识补充，之前由于时间关系在学习的过程中没有细看，现整理如下。

1.form标签可以收集用户输入
常用的输入标签有input，option，textarea，button

2.提交按钮也用input标签 只不过type设为submit

3.form提交method分为post和get，推荐全部使用post，这样信息不会在网页地址中显示

4.action属性，在form标签内部表示提交后转到改文件，一般转到php文件用于写入数据库

5.name属性，注意！每个提交的内容必须要有该属性

6.fieldset标签用于组合表单数据，可以使得一个表单中有多个fieldset，分别提交

7.legend标签为fieldset标签的标题

8.表单中很重要的input标签type详解

• text类型，普通文本
• password，不展示内容，只展示输出长度
• submit，提交
• ratio，单选
• checkbox，多选
• button，按钮
• number，数字
• date（年月日），month（年月），week（年周），time（时分）
• color，出现一个类似画图板的颜色选择
• range，左右移动的滑动选择

9.input标签的输入限制

• disabble，禁止更改，不可读取，灰色，无需引号内容
• readonly，禁止更改，可以读取，正常颜色，无需引号内容
• required，提交表单数据之前必须输入，无需引号内容
• value，默认值
• placeholdder，灰色提示输入（如果value不为空则不显示）
• size，输入内容长度
• pattern，可限制正则表达式（不推荐使用，因为其限制效果有限，推荐采用js进行限制）
• max，min，step，对特定类型的部分input有效

！！！注意！！！上面的这些类型不能随意用的，因为不同浏览器对其支持不同，最稳妥的办法还是自己搞插件

10.其他有用的属性

• autofocus，自动将焦点设置在其上
• form，在表单外的input标签增加form属性，属性内协商表单的id即可在提交时同时加入
• formaction，在submit类型的input标签中加入，可以覆盖form标签默认的action内部调用的php，调用foamaction内部的php
• formmethod，在submit可以使用该属性覆盖form的method
• formtarget，在submit可以使用该属性覆盖form的target
• height，width，高度宽度
• list，可以用来提示输入

<input list="cars" />
<datalist id="cars">
    <option value="BMW">
    <option value="Ford">
    <option value="Volvo">
</datalist>

• multiple，上传更多的文件，例如照片，无需引号内容