HTML表单，超链接的学习

超链接

标签的属性有href,id,

例子：

href：指定要跳转的网页链接
target：指定新窗口的打开方式
_blank：代表打开一个新窗口
_top：在当前窗口中打开
-->
<a href="http://www.baidu.com" target="_top" title="http://www.baidu.com">点击访问百度</a>
<hr>
<!-- 以图片作为跳转的方式 -->
<a href="http://www.baidu.com"><img src="./asset/image.jpg" alt=""></a>
<hr>
<!-- 当在设置超链接时，此时还不确定要跳转的链接地址，使用#作为占位符，代表当前页面 -->
<a href="#">跳转到指定服务器地址</a>

<!-- 头 -->
<a id="top" href="#buttom">跳到尾部</a>
<p>wq我是头</p>
<p>中间省略一千行</p>
<p>wq我是尾</p>
<!-- 尾 -->
<a id="buttom" href="#top">跳到首页</a>

<!--页面A中指定位置-->
<!-- 做个标记 -->
<a id="position"></a>
<!--页面B中进行跳转-->
<a href="index.html#position">回到超链接-跳转的页面</a>

表单标签

的属性有action,method

<form action="" method="">
    <label for="username">用户名：</label>
    <input type="rdt" id="username" name="uname" placeholder="请输入手机号或邮箱" ><br>

    <label for="pwd">密&nbsp;&nbsp;&nbsp;码：</label>
    <input type="password" id="pwd" name="password" ><br>

    <!-- 复选框本身就是可以进行多项选择，每个key都对应一个value，是可以重复存在的 -->
    兴趣爱好：<input type="checkbox" name="hobbies" value="playCode" checked="checked"/>敲代码
    <input type="checkbox" name="hobbies" value="playGames">打游戏<br>

    <!-- name值要求必须要相同 单选及复选框都具有一个checked属性-默认选中-->
    性别：<input type="radio" name="sex" value="男" checked>男
    <input type="radio" name="sex" value="女" />女<br>

    文件上传：<input type="file" name="file"><br>

    <!-- 该标签不在页面中显示，用于提交一些标识或默认值的，这些值是不需要用户知道的，例如：qq、wechat登录的唯一标识 -->
    <input type="hidden" name="flag" value="qq">
    <input type="submit" value="登录">

    <!-- 重置是将表单中输入的数据全部清空，不需要重新加载页面资源，刷新是需要重新加载资源的 -->
    <input type="reset" value="重置">

</form>

<form action="">
  <!-- select代表下拉框，具体的内容要通过option标签来实现 -->
  <select name="pros" id="">
    <option value="beijing">北京市</option>
    <option value="henan">河南省</option>
    <option value="zhejiang">浙江省</option>
  </select>

  <select name="citys" id="">
    <option value="nanyang">南阳市</option>
    <option value="shangqiu">商丘市</option>
    <option value="zhengzhou">郑州市</option>
  </select>
  <hr>
  <!-- 多行文本域的大小默认是可以自由扩展的，宽高的自由扩展会影响页面的排版
禁用方式(样式)：
1、指定最大宽高及最小宽高 style='max-width: 200px;min-width: 200px;max-height: 200px;min-height: 200px;'
2、禁止重置大小style="resize: none;"
-->
  详细地址：<textarea style="resize: none;"></textarea><br>
  <input type="submit" value="登录">
</form>

type中选项：rest，重置

submit,有提交的按键

button,无提交的按键

password,输入文本不可查看

radio，单选框，name必须一样

checkbox，复选框，name必须一样

file，文件，可以读取本地文件

range，拉条样式的框

input的属性，type，value值，name，placeholder提示语句，pattern限定填写格式

disabled=disabled，禁用input框

required=required，必填input框

checked=checked，默认选项