前端笔记1（meta，链接，表单）

2019/3/27

1. 头部meta信息与link标签

<meta http-equiv="refresh" content="30"> 30秒更新一次网页

<link rel="stylesheet" href="XX.css">
<link rel="icon" href="favicon.ico">网站icon

2.超链接

<a href="http://www.baidu.com" target="_blank">
        <img src="img/money.jpg" width="200px" height="">
    </a>

target="_blank" 在新窗口中打开链接

download 指定下载链接

<base target="_blank"> 让所有的超链接从新标签页打开

3.锚点

<a href="#wode">
        到wode
    </a>
    <p id="wode">
        wode:世界是美好的
    </p>

到wode

wode:世界是美好的

点击链接跳到指定位置

4.表单元素

<h1>我相信</h1>
<p>
    用户名：<input type="text" value="LOVE MYSELF" autofocus maxlength="6" disabled>
</p>

value 展示在输入框里的文字
autofocus 刷新时，集中在输入框
maxlength 输入字符最大长度
disabled 输入框未激活状态
readonly 输入框只读

<p>
    密   码：<input type="password" value="" required>
</p>

required 必填

<p>性别：
    <label><input type="radio" name="sex" checked="checked">男</label>
    <label><input type="radio" name="sex">女</label>
</p>

radio 单选
只有将name的值设置相同的时候，才能实现单选效果
checked=“checked” 默认选中项

<p>爱好：
    <label><input type="checkbox" name="aihao">PERSONA</label>
    <label><input type="checkbox" name="aihao">SHADOW</label>
    <label><input type="checkbox" name="aihao">EGO</label>
</p>

checkbox 多选框

<p>日期：
    <input type="date">
</p>
<p>自我简介
    <textarea cols="30" rows="3"></textarea><!--多行文本框-->
</p>
<p>
<input type="submit" value="提交">
</p>