HTML第二课——超链接和表单

1. 超链接
   语法：<a href="目标地址" target="打开方式">超链接的文字|图片</a>
   作用：主要用于页面间导航，可以链接到一个字，一个词，一组词，一幅图，文档或文档的一部分。
   （1）页面间链接 ——应用于页面导航
   （2）锚链接 ——使用name属性和#,常用于页面中，页面间也可以
   （3）功能性链接 ——常用于邮箱，电话
   例如：<a href="https://www.baidu.com/">百度</a> <a name="top">回到顶部</a> <a href="#top">顶部</a> <a href="mailto:123456@qq.com">邮箱</a> <a href="tel:18312345678">电话</a>

target属性： 打开方式|目标位置
（1）new 新窗口打开
（2）_blank 空白页打开|新窗口打开
（3）_self 自己页面打开
（4）_parent 父页面打开
（5）_top顶部打开

2. 表单

… （1）常见表单元素：

<input type="text" name="username" />                   文本框
<input type="password" name="password" />           密码框
<input type="radio" name="sex" value="男" />男       单选按钮
 <input type="checkbox" value="篮球" />篮球                 多选框/复选框
 <input type="file" name="files" />                          文件上传
 <input type="date" value="2020-11-23" />              选择时间
 <input type="hidden" value="aaaa" />                    隐藏框
 <input type="reset" value="重置" />                      重置按钮
 <input type="submit" value="提交" />                    提交按钮
 <input type="button" value="查看" />                   普通按钮

（2）下拉列表
常规选项

<select>
<option>一月</option>
<option>二月</option>
<option>下拉列表项目</option>
</select>

选项组

<select>
  <optgroup label="分类1">
    <option value="子分类1">子分类1</option>
    <option value="子分类2">子分类2</option>
  </optgroup>
  <optgroup label="分类2">
    <option value="子分类21">子分类21</option>
    <option value="子分类22">子分类22</option>
  </optgroup>
</select>

（3）文本域

<textarea rows="2" cols="10">
文本域中的内容
</textarea>

（4）按钮

<button type="button" onclick="alert('Good')">点击</button>

（5）预定义选项列表 （html5）

<input list="browsers">
<datalist id="browsers">
   <option value="Internet Explorer">
   <option value="Firefox">
   <option value="Chrome">
   <option value="Opera">
   <option value="Safari">
</datalist> 

3. 表单的只读和禁用属性
   只读-readonly：希望某个框内的内容只允许用户看，不能修改
   禁用-disabled：因没达到使用的条件，限制用户使用

4. 注释和特殊符号
   注释：
   特殊符号：
   空格 
   版权号©
   大于(>)：>
   小于(<）:<
   引号（”）："